
JavaScript中的内置对象
数值计算Math 提供了基础的四则运算: 数值转换Math 提供以下转换方法: 绝对值 幂运算 平方根
发布日期:2021-05-26 06:37:13
浏览次数:23
分类:精选文章
本文共 3413 字,大约阅读时间需要 11 分钟。
JavaScript 内置对象详解
本文将详细介绍 JavaScript 中的内置对象,涵盖 Math、Date、Array 以及基本包装类型等内容,帮助开发者全面掌握 JavaScript 的核心功能。
一、概述
JavaScript 是一款灵活且多功能的编程语言,其内置对象为开发者提供了丰富的工具来处理各种常见任务。这些内置对象涵盖了从简单的数学运算到复杂的日期处理、数组操作等多个方面,极大地简化了开发流程。
二、Math 对象
Math 是 JavaScript 中最基本的内置对象,主要用于数学运算。它包含了许多与数学相关的常用方法,能够帮助开发者完成基本的计算任务。
主要功能
Math.max(1, 22, -4, 6); // 最大值Math.min(1, 4); // 最小值
Math.ceil()
:向上取整。Math.ceil(1.1); // 2
Math.floor()
:向下取整。Math.floor(1.9); // 1
Math.round()
:四舍五入。Math.round(1.1); // 1
Math.abs(-1); // 1
Math.pow(2, 10); // 1024
Math.sqrt(9); // 3
示例:
// 计算 2 的 10 次幂var result = Math.pow(2, 10);console.log(result); // 1024
三、Date 对象
Date 对象用于处理日期和时间,能够帮助开发者轻松管理日期相关的操作。
主要功能
创建日期对象
<new Date>
:创建当前时间的日期对象。var date = new Date(); // 当前的时间
new Date('YYYY-MM-DD HH:mm:ss')
:根据指定字符串创建日期对象。varanticsDate = new Date('2024-10-10 12:00:00'); // 指定日期
new Date(year, month, day)
:根据年、月、日创建日期对象。var date = new Date(2024, 9, 10); // 注意月份从 0 开始
new Date(timestamp)
:根据时间戳创建日期对象。var date = new Date(1547287516587); // 时间戳表示从 1970 年开始的毫秒数
日期格式化
toString()
:将日期转换为字符串。console.log(date.toString()); // "Wed Oct 23 2024 16:28:25 GMT+0800 (中国标准时间)"
toLocaleString()
:根据本地环境格式化日期。console.log(date.toLocaleString()); // 本地时间格式化结果
日期操作
- 获取各部分信息。
var year = date.getFullYear(); // 获取年份var month = date.getMonth() + 1; // 获取月份(月份从 0 开始)
- 设置日期时间。
date.setMonth(date.getMonth() + 1); // 增加一个月
- 计算时间差。
var now = new Date();var future = new Date('2019-02-05 00:00:00');var timeDifference = future - now; // 时间差 (毫秒)
示例:
// 将当前时间格式化为指定格式并写入页面var year = new Date().getFullYear();var month = new Date().getMonth() + 1;var day = new Date().getDate();document.write(year + '-' + month + '-' + day);
四、Array 对象
Array 是 JavaScript 中用于表示数组的内置对象,提供了便捷的数组操作方法。
主要功能
创建数组
// 创建空数组var arr = [];
数组操作
join()
:将数组元素拼接成字符串。var arr = ["张飞", "赵云", "马超"];var result = arr.join(","); // "张飞,赵云,马超"
push()
和unshift()
:添加元素到数组末尾或前面。arr.push("黄忠"); // 添加到末尾arr.unshift("魏延"); // 添加到前面
pop()
和shift()
:删除数组末尾或前面元素。var elem = arr.pop(); // 删除末尾元素
reverse()
:翻转数组。arr.reverse(); // 反转数组
排序方法
sort()
:默认按字符顺序排列。arr.sort(); // 从小到大排序
- 自定义排序逻辑。
arr.sort(function(a, b) { return b - a; // 降序排序});
数组切割
slice()
:截取数组部分。var newArr = arr.slice(1, 3); // 截取第二到第四个元素
数组合并
var new Concat = arr1.concat(arr2); // 合并两个数组
五、基本包装类型
JavaScript 提供了对话包装类型,使得简单类型(如 string、number 和 boolean)能够方便地调用对象方法。
1. Number 对象
Number 对象提供了数值相关的方法,如四舍五入、格式化等。
示例:
var num = 1.1111111;console.log(num.toFixed(2)); // "1.11"
2. Boolean 对象
Boolean 对象用于布尔值的操作,主要用于逻辑判断。
var flag = true;console.log(flag.toString()); // "true"
3. String 对象
String 对象是处理字符串的核心工具,支持字符串操作如拼接、截取、查找等。
常用方法:
indexOf()
和lastIndexOf()
:查找子字符串。var str = "abcoefoxyozzopp";console.log(str.indexOf("o")); // 2
trim()
:去除空格。var str = " a bc ";console.log(str.trim()); // "a bc"
replace()
:替换字符串。var str = "hello, world!";var newStr = str.replace(/, /g, ""); // 去掉逗号和空格
split()
和join()
:拆分和拼接字符串。var str = "张飞|赵云|马超";var arr = str.split("|");console.log(arr.join("|")); // "张飞|赵云|马超"
4.温故点语法
在编写代码时,可以使用 alert()
和 confirm()
函数进行简单的交互。
// 显示提示信息alert("欢迎来到 JavaScript 之旅!");
如果需要更复杂的用户交互,可以使用 prompt()
函数。
六、arguments 对象
arguments 对象用于接收函数调用时传递的所有参数,是开发快速原型型验力的重要工具。
示例:
function max(a, b, c) { console.log(arguments.length); // 输出参数个数 console.log(arguments[0], arguments[1], arguments[2]); // 输出所有参数}max(1, 2, 3); // 输出: 1 2 3
通过上述介绍,开发者可以熟练掌握 JavaScript 中的内置对象及其应用方法,从而更高效地完成开发任务。
发表评论
最新留言
感谢大佬
[***.8.128.20]2025年04月19日 15时29分37秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
2021-05-14
2019-03-14
Kali-linux:nmap命令
2019-03-14
工程经济—建设工程定额
2019-03-14
1Z204050、施工质量不合格的处理
2019-03-14
【字节网盘】九款超好看不同页面404源码
2019-03-14
两款404页面自动跳转源码html
2019-03-14
一款好看新颖的404页面源码
2019-03-14
MacOS 应对系统无响应的方法
2019-03-14
Mac隐藏辅助功能|自定义苹果Mac显示器
2019-03-14
ActivityNotFoundException异常错误
2019-03-14
git远程仓库切换
2019-03-14
学习Vue.js2.0(国外视频教程)
2019-03-15
OpenStack 最小化安装配置(一):物理机网桥配置
2019-03-15
ubuntu 16.04 镜像下载
2019-03-15
CUDA9.1、cuDNN7在Ubuntu16.04上的安装
2019-03-15
微信小程序云开发:怎么删除云函数?已解决
2019-03-15
PyCharm配置anaconda环境
2019-03-15
查找最小值栈的O(1)
2019-03-15