当前位置: 首页 > news >正文

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 编程中经常用到,熟练掌握它们的特性和用法对于高效地编写代码至关重要。

相关文章:

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

一、String(字符串)对象 知识点: 用于处理文本数据,它有许多内置的属性和方法来操作字符串,比如获取字符串长度、提取子字符串、替换字符等。字符串在 JavaScript 中是不可变的,即一旦创建,就不…...

CSSmodule的作用是什么

CSS Modules的作用主要体现在以下几个方面: 1. 解决全局样式污染问题 在传统的CSS管理方式中,样式定义通常是全局的,这很容易导致全局样式污染。当多个组件或页面共享同一个样式时,可能会出现样式冲突和覆盖的情况,从…...

python\shell\c++语法对比

语法区别举例: itempythonshellc变量定义a 10a10int a 10数组定义arr[1, add, 3]arr(1 a hello) declare -A arr([a]1 [b]2)int arr[] {1, 2, 3}if条件判断 if xxx: xxx elif xxx: xxx else: xxx if [ expressions ];then xxx e…...

优先队列【东北大学oj数据结构9-3】C++

优先队列 优先级队列是一种数据结构,其中保存了一组数据 S,其中每个元素都有一个键,并执行以下操作: insert(S, k):将元素k插入集合S extractMax(S):从S中取出S中key最大的元素并返回其值 创建一个程序&am…...

圣诞快乐(h5 css js(圣诞树))

一,整体设计思路 圣诞树h5(简易) 1.页面布局与样式: 页面使用了全屏的黑色背景,中央显示圣诞树,树形由三层绿色的三角形组成,每一层的大小逐渐变小。树干是一个棕色的矩形,位于三角…...

基于MATLAB的图像增强

目录 一、背景及意义介绍背景图像采集过程中的局限性 意义 二、概述三、代码结构及说明(一)整体结构(二)亮度增强部分(三)对比度增强部分(四)锐度增强部分 四、复现步骤(…...

大数据之Hbase环境安装

Hbase软件版本下载地址: http://mirror.bit.edu.cn/apache/hbase/ 1. 集群环境 Master 172.16.11.97 Slave1 172.16.11.98 Slave2 172.16.11.99 2. 下载软件包 #Master wget http://archive.apache.org/dist/hbase/0.98.24/hbase-0.98.24-hadoop1-bin.tar.gz…...

javaEE--计算机是如何工作的-1

目录 一.计算机的组成: 各组件的功能: 衡量cpu好坏的标准: 二.指令(instruction) 三.操作系统Operating System 四.进程/任务process/tesk 五.进程在系统中如何管理 1.进程在系统中的管理,从两个角度来分类: 2.进程控制块PCB(Process Control Block)) 3.P…...

vue.js 指令的修饰符

Vue.js 提供了一些指令修饰符,用于在指令的行为上添加额外的功能。下面详细解析一些常用的指令修饰符,并提供相应的代码实例。 .prevent:阻止默认事件 通过添加 .prevent 修饰符,可以阻止指令绑定的元素触发默认事件。 代码实例&a…...

基于java web在线商城购物系统源码+论文

一、环境信息 开发语言:JAVA JDK版本:JDK8及以上 数据库:MySql5.6及以上 Maven版本:任意版本 操作系统:Windows、macOS 开发工具:Idea、Eclipse、MyEclipse 开发框架:SpringbootHTMLjQueryMysq…...

Autosar入门_架构(Architecture)

上一篇 | 返回主目录 | 下一篇 架构(Architecture) 1 Autosar架构分层概述2 MCAL3 ECU抽象层4 复杂设备驱动5 服务层6 RTE7 应用软件层1 Autosar架构分层概述 整体架构分为三层:应用软件(APP)、实时运行环境(RTE)、基础软件(BSW)以下架构对BSW进行了细化,主要包含四…...

Altair: 轻松创建交互式数据可视化

Altair: 轻松创建交互式数据可视化 Altair 是一个基于 Vega-Lite 的 Python 数据可视化库,它旨在简化数据可视化的创建过程,尤其适用于统计图表的生成。Altair 强调声明式编码方式,通过简单的语法,用户能够快速创建复杂的交互式图…...

APM32F411使用IIS外设驱动es8388实现自录自播

前言: 从零开始学习I2s外设,配置Es8288寄存器实现录音播放。本文章使用主控芯片是APM32F411系类。音频相关的概念比较多,就不再次做过多的介绍,本文章只是简单实现边录边播功能。APM系类兼容st的芯片,所以用st的hal库来…...

RabbitMQ消息队列的笔记

Rabbit与Java相结合 引入依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-amqp</artifactId> </dependency> 在配置文件中编写关于rabbitmq的配置 rabbitmq:host: 192.168.190.132 /…...

JAVA没有搞头了吗?

前言 今年的Java程序员群体似乎承受着前所未有的焦虑。投递简历无人问津&#xff0c;难得的面试机会也难以把握&#xff0c;即便成功入职&#xff0c;也往往难以长久。于是&#xff0c;不少程序员感叹&#xff1a;互联网的寒冬似乎又一次卷土重来&#xff0c;环境如此恶劣&…...

【线性代数】理解矩阵乘法的意义(点乘)

刚接触线性代数时&#xff0c;很不理解矩阵乘法的计算规则&#xff0c;为什么规则定义的看起来那么有规律却又莫名其妙&#xff0c;现在参考了一些资料&#xff0c;回过头重新总结下个人对矩阵乘法的理解&#xff08;严格来说是点乘&#xff09;。 理解矩阵和矩阵的乘法&#x…...

游戏开发技能系统常用概念

一个角色同一时间可能存在多个Skill&#xff0c;一个当前播放的主动技能&#xff0c;还有好几个不在播放中&#xff0c;但是也没有结束的。 技能事件&#xff1a; 实现具体的技能功能&#xff0c;技能动作的执行都是通过触发事件来触发的&#xff0c;比如&#xff08;时间帧&am…...

【案例80】麒麟操作系统无法使用Uclient访问NC65

问题现象 麒麟操作系统&#xff0c;安装Uclient&#xff0c;添加应用后无法看到登录界面&#xff0c;一直在转圈。 问题分析 进入到Uclient的工作目录 发现在工作目录下&#xff0c;无相关app.log生成。 查看Uclient的main.log发现&#xff0c;有大量的报错与Uclient下的sha…...

【AIGC-ChatGPT进阶副业提示词】育儿锦囊:化解日常育儿难题的实用指南

引言 在育儿的道路上&#xff0c;每位父母都会遇到各种各样的挑战和困惑。从孩子的饮食习惯到沟通交流&#xff0c;从作息规律到行为管理&#xff0c;这些看似平常的问题往往会让父母感到焦虑和无助。本文将通过实际案例分析和解决方案&#xff0c;为父母们提供一个实用的育儿…...

使用Docker部署一个Node.js项目

本文档将介绍如何使用Docker来部署一个Node.js项目。Docker是一种开源平台&#xff0c;可以自动化应用程序的部署、扩展和管理。通过Docker&#xff0c;我们可以将应用程序及其依赖项打包到一个容器中&#xff0c;从而确保在不同环境中运行的一致性。接下来&#xff0c;我们将逐…...

UE5 学习系列(二)用户操作界面及介绍

这篇博客是 UE5 学习系列博客的第二篇&#xff0c;在第一篇的基础上展开这篇内容。博客参考的 B 站视频资料和第一篇的链接如下&#xff1a; 【Note】&#xff1a;如果你已经完成安装等操作&#xff0c;可以只执行第一篇博客中 2. 新建一个空白游戏项目 章节操作&#xff0c;重…...

铭豹扩展坞 USB转网口 突然无法识别解决方法

当 USB 转网口扩展坞在一台笔记本上无法识别,但在其他电脑上正常工作时,问题通常出在笔记本自身或其与扩展坞的兼容性上。以下是系统化的定位思路和排查步骤,帮助你快速找到故障原因: 背景: 一个M-pard(铭豹)扩展坞的网卡突然无法识别了,扩展出来的三个USB接口正常。…...

Chapter03-Authentication vulnerabilities

文章目录 1. 身份验证简介1.1 What is authentication1.2 difference between authentication and authorization1.3 身份验证机制失效的原因1.4 身份验证机制失效的影响 2. 基于登录功能的漏洞2.1 密码爆破2.2 用户名枚举2.3 有缺陷的暴力破解防护2.3.1 如果用户登录尝试失败次…...

Java 语言特性(面试系列2)

一、SQL 基础 1. 复杂查询 &#xff08;1&#xff09;连接查询&#xff08;JOIN&#xff09; 内连接&#xff08;INNER JOIN&#xff09;&#xff1a;返回两表匹配的记录。 SELECT e.name, d.dept_name FROM employees e INNER JOIN departments d ON e.dept_id d.dept_id; 左…...

React Native 开发环境搭建(全平台详解)

React Native 开发环境搭建&#xff08;全平台详解&#xff09; 在开始使用 React Native 开发移动应用之前&#xff0c;正确设置开发环境是至关重要的一步。本文将为你提供一份全面的指南&#xff0c;涵盖 macOS 和 Windows 平台的配置步骤&#xff0c;如何在 Android 和 iOS…...

Admin.Net中的消息通信SignalR解释

定义集线器接口 IOnlineUserHub public interface IOnlineUserHub {/// 在线用户列表Task OnlineUserList(OnlineUserList context);/// 强制下线Task ForceOffline(object context);/// 发布站内消息Task PublicNotice(SysNotice context);/// 接收消息Task ReceiveMessage(…...

CMake基础:构建流程详解

目录 1.CMake构建过程的基本流程 2.CMake构建的具体步骤 2.1.创建构建目录 2.2.使用 CMake 生成构建文件 2.3.编译和构建 2.4.清理构建文件 2.5.重新配置和构建 3.跨平台构建示例 4.工具链与交叉编译 5.CMake构建后的项目结构解析 5.1.CMake构建后的目录结构 5.2.构…...

AI,如何重构理解、匹配与决策?

AI 时代&#xff0c;我们如何理解消费&#xff1f; 作者&#xff5c;王彬 封面&#xff5c;Unplash 人们通过信息理解世界。 曾几何时&#xff0c;PC 与移动互联网重塑了人们的购物路径&#xff1a;信息变得唾手可得&#xff0c;商品决策变得高度依赖内容。 但 AI 时代的来…...

Java求职者面试指南:Spring、Spring Boot、MyBatis框架与计算机基础问题解析

Java求职者面试指南&#xff1a;Spring、Spring Boot、MyBatis框架与计算机基础问题解析 一、第一轮提问&#xff08;基础概念问题&#xff09; 1. 请解释Spring框架的核心容器是什么&#xff1f;它在Spring中起到什么作用&#xff1f; Spring框架的核心容器是IoC容器&#…...

云原生安全实战:API网关Kong的鉴权与限流详解

&#x1f525;「炎码工坊」技术弹药已装填&#xff01; 点击关注 → 解锁工业级干货【工具实测|项目避坑|源码燃烧指南】 一、基础概念 1. API网关&#xff08;API Gateway&#xff09; API网关是微服务架构中的核心组件&#xff0c;负责统一管理所有API的流量入口。它像一座…...