当前位置: 首页 > 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;我们将逐…...

数据科学与SQL:如何利用本福特法则识别财务数据造假?

目录 0 本福特法则介绍 1 数据准备 2 问题分析 步骤1:提取首位数: 步骤2:计算首位数字的实际频率分布 <...

文心一言对接FreeSWITCH实现大模型呼叫中心

文心一言对接FreeSWITCH实现大模型呼叫中心 作者&#xff1a;开源大模型智能呼叫中心FreeIPCC&#xff0c;Github&#xff1a;https://github.com/lihaiya/freeipcc 随着人工智能技术的快速发展&#xff0c;特别是大规模语言模型&#xff08;LLM&#xff09;的应用&#xff0…...

LSTM实现天气模型训练与预测

要实现一个天气预测的模型&#xff0c;并确保该模型可以反复进行训练和更新&#xff0c;先设计&#xff1a; 设计方案 数据获取&#xff1a; 使用公开的天气数据API&#xff08;例如OpenWeather API或其他类似的API&#xff09;获取天气数据。确保数据以合适的格式&#xff08…...

TCL发布万象分区,再造Mini LED技术天花板

作者 |辰纹 来源 | 洞见新研社 现实世界中&#xff0c;光通过悬浮在大气中的冰晶折射&#xff0c;呈现出环形、弧形、柱形或亮点的扩散&#xff0c;从而产生光晕&#xff0c;雨后的彩虹是我们经常能看到的光晕现象。 然而&#xff0c;当光晕出现在电视中&#xff0c;那就不是…...

2024广东省职业技能大赛云计算——私有云(OpenStack)平台搭建

OpenStack搭建 前言 搭建采用双节点安装&#xff0c;即controller控制节点和compute计算节点。 CentOS7 系统选择 2009 版本&#xff1a;CentOS-7-x86_64-DVD-2009.iso 可从阿里镜像站下载&#xff1a;https://mirrors.aliyun.com/centos/7/isos/x86_64/ OpenStack使用竞赛培…...

简单了解图注意力机制

简单了解图注意力机制 如果对传统的图匹配的聚合方式进行创新的话&#xff0c;也就是对h这一个节点的聚合方式进行创新。 h i ( l 1 ) Norm ⁡ ( σ ( h i ( l ) α ∥ h i ( l ) ∥ m i ( l ) ∥ m i ( l ) ∥ ) ) , \mathbf{h}_{i}^{(l1)}\operatorname{Norm}\left(\sigm…...

UI Automator Viewer操作

版本&#xff1a;24.4.1 使用UI Automator Viewer报错如下&#xff1a; Error obtaining Ul hierarchy Reason: Error while obtaining Ul hierarchy XML file: com.android.ddmlib.SyncException: Remote object doesnt exist!可以使用指令&#xff1a; 保存uix文件 adb sh…...

SpringBoot的创建方式

SpringBoot创建的五种方式 1.通过Springboot官网链接下载 注意SpringBoot项目的封装方式默认为Jar 需要查看一下&#xff0c;自己的Maven版本是否正确 创建成功 2.通过 aliyun官网链接下载 修改服务路径为阿里云链接 创建成功 3.通过Springboot官网下载 点击&#xff0c;拉到最…...

Vue3之性能优化

Vue3作为Vue框架的最新版本&#xff0c;在性能上进行了大量的优化&#xff0c;使得其在处理大型应用和复杂界面时表现更加出色。本文将详细介绍Vue3的性能提升、优化策略以及性能提升的实例&#xff0c;并结合具体代码和性能测试数据&#xff0c;展示Vue3在实际应用中的性能优势…...

RFdiffusion Sampler类 sample_step 方法解读

Sampler类的sample_step 方法的主要目的是根据扩散模型的预测生成在时间步 t-1 上的下一个三维结构、序列和其他相关特征。这是扩散采样过程的核心步骤之一。 源代码: def sample_step(self, *, t, x_t, seq_init, final_step):Generate the next pose that the model should…...