JavaScript 中常见内置对象的知识点及示例总结

一、String(字符串)对象

  1. 知识点
    • 用于处理文本数据,它有许多内置的属性和方法来操作字符串,比如获取字符串长度、提取子字符串、替换字符等。
    • 字符串在 JavaScript 中是不可变的,即一旦创建,就不能修改原字符串,对字符串进行操作返回的是新的字符串。
let str = "Hello, World!";
// 获取字符串长度
console.log(str.length); // 输出:13
// 提取子字符串(从索引0开始,提取5个字符)
let subStr = str.substring(0, 5);
console.log(subStr); // 输出:Hello
// 替换字符
let newStr = str.replace("World", "JavaScript");
console.log(newStr); // 输出:Hello, JavaScript!

二、Number(数字)对象

  1. 知识点
    • 用于表示数字,可以是整数、浮点数等。它有一些常量属性,比如Number.MAX_VALUE表示最大的可表示正数,Number.MIN_VALUE表示最小的可表示正数。
    • 提供了一些方法用于数字的转换和操作,如将数字转换为字符串、判断是否为有限数等。
let num = 123.45;
// 判断是否为有限数
console.log(Number.isFinite(num)); // 输出:true
// 将数字转换为字符串
let numStr = num.toString();
console.log(numStr); // 输出:123.45
// 获取最大可表示正数
console.log(Number.MAX_VALUE); // 输出:1.7976931348623157e+308。

三、Boolean(布尔)对象

  1. 知识点
    • 只有两个值,truefalse,用于表示逻辑真和假,常常用在条件判断语句中。
    • 可以通过Boolean()函数将其他类型的数据转换为布尔值,例如非空字符串、非零数字等转换后为true,空字符串、0nullundefined等转换后为false
let boolTrue = true;
let boolFalse = false;
// 使用布尔值进行条件判断
if (boolTrue) {console.log("条件为真");
}
let num = 0;
let convertedBool = Boolean(num);
console.log(convertedBool); // 输出:false

四、Array(数组)对象

  1. 知识点
    • 用于存储一组有序的数据,可以是不同类型的数据元素。数组有长度属性(length),可以通过索引访问和修改元素,索引从 0 开始。
    • 具备众多操作数组的方法,如添加元素(push)、删除元素(popshiftsplice等)、遍历数组(forEachmapfilter等)。
let arr = [1, 2, 3];
// 添加元素
arr.push(4);
console.log(arr); // 输出:[1, 2, 3, 4]
// 删除最后一个元素
arr.pop();
console.log(arr); // 输出:[1, 2, 3]
// 遍历数组并打印每个元素
arr.forEach(function (element) {console.log(element);
});
// 使用map方法创建新数组,每个元素翻倍
let newArr = arr.map(function (element) {return element * 2;
});
console.log(newArr); // 输出:[2, 4, 6]

五、Object(对象)对象

  1. 知识点
    • 是 JavaScript 中最基本的数据结构之一,用于存储键值对形式的数据,可以表示复杂的实体或集合。
    • 对象的属性可以通过点语法(obj.property)或者方括号语法(obj['property'])来访问和修改,后者在属性名是变量或者不符合标识符规范时很有用。
let person = {name: "Alice",age: 25,hobbies: ["reading", "swimming"]
};
// 通过点语法访问属性
console.log(person.name); // 输出:Alice
// 通过方括号语法访问属性(当属性名是变量时)
let propertyName = "age";
console.log(person[propertyName]); // 输出:25
// 添加新属性
person.job = "Engineer";
console.log(person); // 输出包含新添加job属性的对象

六、Date(日期)对象

  1. 知识点
    • 用于处理日期和时间相关的数据,可以获取当前日期时间、设置特定日期时间、进行日期时间的计算等。
    • 可以通过不同的方法获取年、月、日、时、分、秒等具体的时间分量,并且可以进行日期的比较、格式化等操作(不过格式化通常需要借助一些额外的函数或者库,原生的格式化方法相对有限)。
let today = new Date();
// 获取当前年份
console.log(today.getFullYear()); // 输出:当前年份,如2024
// 获取月份(注意返回值是0 - 11,0表示1月)
console.log(today.getMonth()); // 输出:当前月份减1,如11表示12月
// 设置特定日期(比如设置为2025年1月1日)
let specificDate = new Date(2025, 0, 1);
console.log(specificDate);
// 比较两个日期(判断是否在之后)
let anotherDate = new Date(2024, 11, 31);
console.log(today > anotherDate); // 根据实际日期比较结果输出布尔值

七、Math(数学)对象

  1. 知识点
    • 提供了一系列数学常量(如Math.PI表示圆周率)和常用的数学运算方法,比如求绝对值(Math.abs)、四舍五入(Math.round)、生成随机数(Math.random)等。
    • 常用于在程序中进行各种数学计算,无需额外导入数学库,方便快捷。
// 获取圆周率
console.log(Math.PI); // 输出:约3.141592653589793
// 求绝对值
let num = -5;
console.log(Math.abs(num)); // 输出:5
// 生成一个0到1之间的随机数
let randomNum = Math.random();
console.log(randomNum); // 输出一个0到1之间的随机小数
// 四舍五入
let floatNum = 3.6;
console.log(Math.round(floatNum)); // 输出:4

这些内置对象在 JavaScript 编程中经常用到,熟练掌握它们的特性和用法对于高效地编写代码至关重要。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/493463.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

机动车油耗计算API集成指南

机动车油耗计算API集成指南 引言 在当今社会,随着机动车数量的持续增长和环保意识的不断增强,如何有效管理和降低车辆油耗成为了车主、车队管理者以及交通政策制定者共同关注的问题。为了帮助这些群体更好地理解和优化燃油消耗情况,本接口能…

前端yarn工具打包时网络连接问题排查与解决

最近线上前端打包时提示 “There appears to be trouble with your network connection”,以此文档记录下排查过程。 前端打包方式 docker启动临时容器打包,命令如下 docker run --rm -w /app -v pwd:/app alpine-node-common:v16.20-pro sh -c "…

IIC I2C子协议 SMBus协议 通信协议原理 时序 SMBus深度剖析

引言:系统管理总线(SMBus)是一种双线接口,通过该接口,各种系统组件芯片和设备可以相互以及与系统其他部分通信。它基于IC总线的操作原理。附录B提供了一些SMBus特性与IC总线不同的方式的描述。 SMBus为系统和电源管理相…

【Lua热更新】上篇

Lua 热更新 - 上篇 下篇链接:【Lua热更新】下篇 文章目录 Lua 热更新 - 上篇一、AssetBundle1.理论2. AB包资源加载 二、Lua 语法1. 简单数据类型2.字符串操作3.运算符4.条件分支语句5.循环语句6.函数7. table数组8.迭代器遍历9.复杂数据类型 - 表9.1字典9.2类9.3…

React图标库: 使用React Icons实现定制化图标效果

React图标库: 使用React Icons实现定制化图标效果 图标库介绍 是一个专门为React应用设计的图标库,它包含了丰富的图标集合,覆盖了常用的图标类型,如FontAwesome、Material Design等。React Icons可以让开发者在React应用中轻松地添加、定制各…

如何使用 WebAssembly 扩展后端应用

1. WebAssembly 简介 随着互联网的发展,越来越多的应用借助 Javascript 转到了 Web 端,但人们也发现,随着移动互联网的兴起,需要把大量的应用迁移到手机端,随着手端的应用逻辑越来越复杂,Javascript 的解析…

Fastdfs V6.12.1集群部署(arm/x86均可用)

文章目录 一、 Fastdfs 介绍二、部署 信息三、步骤tracker/storage 机器的 compose 内容storage 机器的 composetracker 与 storage 启动目录层级与配置文件测试测试集群扩容与缩减注意事项 一、 Fastdfs 介绍 FastDFS 是一款高性能的分布式文件系统,特别适合用于存…

maven-resources-production:ratel-fast: java.lang.IndexOutOfBoundsException

Maven生产环境中遇到java.lang.IndexOutOfBoundsException的问题,尝试了重启电脑、重启IDEA等常规方法无效,最终通过直接重建工程解决了问题。 Rebuild Project 再启动OK

1. JasperSoft介绍与安装

Jaspersoft介绍 Jaspersoft是一款开源的,强大灵活并且使用广泛的报表软件。能够展示丰富的页面内容,并将之转换成PDF、HTML或者XML格式,该库完全由Java写出,可以用于在各种Java应用程序,非常适合Java开发者用来做报表生…

知网研学 | 知网文献(CAJ+PDF)批量下载

知网文献(CAJPDF)批量下载 一、知网研学安装二、插件及脚本安装三、CAJ批量下载四、脚本下载及PDF批量下载浏览器取消拦截窗口 一、知网研学安装 批量下载知网文件,格式为es6文件,需使用知网研学软件打开,故需先安装该…

WeakAuras NES Script(lua)

WeakAuras NES Script 修星脚本字符串 脚本1:NES !WA:2!TMZFWXX1zDxVAs4siiRKiBN4eV(sTRKZ5Z6opYbhQQSoPtsxr(K8ENSJtS50(J3D7wV3UBF7E6hgmKOXdjKsgAvZFaPTtte0mD60XdCmmecDMKruyykDcplAZiGPfWtSsag6myGuOuq89EVDV9wPvKeGBM7U99EFVVVV33VFFB8Z2TJ8azYMlZj7Ur3QDR(…

[数据结构] 链表

目录 1.链表的基本概念 2.链表的实现 -- 节点的构造和链接 节点如何构造? 如何将链表关联起来? 3.链表的方法(功能) 1).display() -- 链表的遍历 2).size() -- 求链表的长度 3).addFirst(int val) -- 头插法 4).addLast(int val) -- 尾插法 5).addIndex -- 在任意位置…

springmvc的拦截器,全局异常处理和文件上传

拦截器: 拦截不符合规则的,放行符合规则的。 等价于过滤器。 拦截器只拦截controller层API接口。 如何定义拦截器。 定义一个类并实现拦截器接口 public class MyInterceptor implements HandlerInterceptor {public boolean preHandle(HttpServletRequest reque…

RestTemplate远程调用、服务注册、

一.RestTemplate Spring给我们提供了一个RestTemplate的API,可以方便的实现Http请求的发送。 同步客户端执行HTTP请求,在底层HTTP客户端库(如JDK HttpURLConnection、Apache HttpComponents等)上公开一个简单的模板方法API。RestTemplate通过HTTP方法为常…

台球助教平台系统开发APP和小程序信息收藏功能需求解析(第十二章)

以下是开发台球助教系统客户端(APP,小程序,H5)几端的信息收藏功能的详细需求和功能说明,内容比较详细,可以说是一个教科书式的详细说明了,这套需求说明不仅仅用在我们的台球助教系统程序上&…

React系列(八)——React进阶知识点拓展

前言 在之前的学习中,我们已经知道了React组件的定义和使用,路由配置,组件通信等其他方法的React知识点,那么本篇文章将针对React的一些进阶知识点以及React16.8之后的一些新特性进行讲解。希望对各位有所帮助。 一、setState &am…

【开源免费】基于SpringBoot+Vue.JS房屋租赁管理系统(JAVA毕业设计)

本文项目编号 T 091 ,文末自助获取源码 \color{red}{T091,文末自助获取源码} T091,文末自助获取源码 目录 一、系统介绍二、数据库设计三、配套教程3.1 启动教程3.2 讲解视频3.3 二次开发教程 四、功能截图五、文案资料5.1 选题背景5.2 国内…

netcore 集成Prometheus

一、安装包 <ItemGroup><PackageReference Include"prometheus-net" Version"8.2.1" /><PackageReference Include"prometheus-net.AspNetCore" Version"8.2.1" /> </ItemGroup> 二、添加代码 #region Pro…

CLION中运行远程的GUI程序

在CLION中运行远程GUI程序&#xff0c;很有可能会遇到下面错误 Gtk-WARNING **: cannot open display: 这是因为远程的GUI程序不能再本地机器上显示。这个问题一般有两种解决方法 通过SSH的ForwardX11的方法&#xff0c;就是将远程的GUI程序显示到本地机器上&#xff0c;一般在…

datasets 笔记:加载数据集(基本操作)

参考了huggingface的教程 1 了解数据集基本信息&#xff08; load_dataset_builder&#xff09; 在下载数据集之前&#xff0c;通常先快速了解数据集的基本信息会很有帮助。数据集的信息存储在 DatasetInfo 中&#xff0c;可能包括数据集描述、特征和数据集大小等信息。&…