Js内置对象怎么用

Js内置对象的使用方法：Object、Array、Function、Date、Math、RegExp、String、Number、Boolean

JavaScript 内置对象是开发人员用来处理数据的基本工具，包括 Object、Array、Function、Date、Math、RegExp、String、Number 和 Boolean。这些内置对象提供了丰富的方法和属性，用于数据操作、计算、日期处理、正则表达式匹配等功能，其中 Array 是最常用的对象之一，能够方便地存储和处理有序的数据集合。

一、OBJECT 对象

Object 是 JavaScript 中所有对象的基类。它提供了基本的方法和属性，用于创建和操作对象。

1、创建对象

你可以使用 Object 构造函数或对象字面量来创建对象：

let obj1 = new Object();

let obj2 = {
  key1: 'value1',
  key2: 'value2'
};

2、常用方法

• Object.keys(obj)：返回对象的所有键组成的数组。
• Object.values(obj)：返回对象的所有值组成的数组。
• Object.entries(obj)：返回对象的键值对数组。
• Object.assign(target, ...sources)：将源对象的所有可枚举属性复制到目标对象。

二、ARRAY 对象

Array 是 JavaScript 中最常用的数据结构之一，提供了丰富的方法来操作有序的数据集合。

1、创建数组

可以使用 Array 构造函数或数组字面量来创建数组：

let arr1 = new Array(1, 2, 3);

let arr2 = [1, 2, 3];

2、常用方法

• Array.prototype.push(...items)：将一个或多个元素添加到数组的末尾。
• Array.prototype.pop()：移除数组的最后一个元素并返回该元素。
• Array.prototype.shift()：移除数组的第一个元素并返回该元素。
• Array.prototype.unshift(...items)：将一个或多个元素添加到数组的开头。
• Array.prototype.map(callback)：创建一个新数组，其结果是该数组中的每个元素调用一次提供的函数后的返回值。
• Array.prototype.filter(callback)：创建一个新数组，其包含通过所提供函数实现的测试的所有元素。

三、FUNCTION 对象

Function 是 JavaScript 中的第一类对象，意味着函数可以像任何其他对象一样被赋值、传递和返回。

1、创建函数

可以使用函数声明或函数表达式来创建函数：

// 函数声明

function add(a, b) {
  return a + b;
}
// 函数表达式
let add = function(a, b) {
  return a + b;
};

2、常用方法

• Function.prototype.apply(thisArg, [argsArray])：调用一个具有给定 this 值的函数，以及以一个数组（或类数组对象）提供的参数。
• Function.prototype.call(thisArg, ...args)：调用一个具有给定 this 值的函数，以及分别地提供的参数。
• Function.prototype.bind(thisArg, ...args)：创建一个新的函数，在 bind 被调用时，这个新函数的 this 被设置为 bind 的第一个参数，其余参数作为新函数的预设参数。

四、DATE 对象

Date 对象用于处理日期和时间。

1、创建日期对象

可以使用 Date 构造函数来创建日期对象：

let now = new Date();

let specificDate = new Date('2023-10-01');
let timestampDate = new Date(1633072800000);

2、常用方法

• Date.prototype.getFullYear()：获取年份。
• Date.prototype.getMonth()：获取月份（0-11，0 为一月）。
• Date.prototype.getDate()：获取日期（1-31）。
• Date.prototype.getHours()：获取小时（0-23）。
• Date.prototype.getMinutes()：获取分钟（0-59）。
• Date.prototype.getSeconds()：获取秒数（0-59）。
• Date.prototype.getTime()：获取自 1970 年 1 月 1 日以来的毫秒数。

五、MATH 对象

Math 对象用于执行数学任务。

1、常用属性和方法

• Math.PI：圆周率常量。
• Math.abs(x)：返回数值的绝对值。
• Math.ceil(x)：向上舍入为最接近的整数。
• Math.floor(x)：向下舍入为最接近的整数。
• Math.max(...values)：返回零个或多个数值中的最大值。
• Math.min(...values)：返回零个或多个数值中的最小值。
• Math.random()：返回介于 0（包含）和 1（不包含）之间的伪随机数。
• Math.round(x)：把一个数字四舍五入为最接近的整数。

六、REGEXP 对象

RegExp 对象用于执行正则表达式匹配。

1、创建正则表达式

可以使用正则表达式字面量或 RegExp 构造函数来创建正则表达式：

let regex1 = /abc/;

let regex2 = new RegExp('abc');

2、常用方法

• RegExp.prototype.test(string)：测试字符串是否与正则表达式匹配，返回布尔值。
• RegExp.prototype.exec(string)：在字符串中执行搜索匹配，并返回一个结果数组或 null。

七、STRING 对象

String 对象用于操作字符串。

1、创建字符串

可以使用字符串字面量或 String 构造函数来创建字符串：

let str1 = 'Hello, world!';

let str2 = new String('Hello, world!');

2、常用方法

• String.prototype.charAt(index)：返回指定位置的字符。
• String.prototype.concat(...strings)：连接两个或多个字符串，返回一个新的字符串。
• String.prototype.includes(searchString, position)：判断一个字符串是否包含在另一个字符串中。
• String.prototype.indexOf(searchValue, fromIndex)：返回调用字符串中第一次出现的指定值的索引。
• String.prototype.replace(searchValue, newValue)：返回一个新的字符串，其中的第一个指定值被替换为另一个指定值。
• String.prototype.split(separator, limit)：使用指定的分隔符字符串将一个字符串拆分为一个数组。
• String.prototype.substring(indexStart, indexEnd)：返回一个字符串在开始索引到结束索引之间的子集。
• String.prototype.toLowerCase()：将字符串转换为小写。
• String.prototype.toUpperCase()：将字符串转换为大写。

八、NUMBER 对象

Number 对象用于处理数字。

1、创建数字对象

可以使用数字字面量或 Number 构造函数来创建数字：

let num1 = 123;

let num2 = new Number(123);

2、常用方法

• Number.prototype.toFixed(digits)：使用定点表示法格式化数字。
• Number.prototype.toExponential(fractionDigits)：使用指数表示法格式化数字。
• Number.prototype.toPrecision(precision)：格式化数字为指定长度。

九、BOOLEAN 对象

Boolean 对象用于处理布尔值。

1、创建布尔对象

可以使用布尔字面量或 Boolean 构造函数来创建布尔值：

let bool1 = true;

let bool2 = new Boolean(true);

2、常用方法

• Boolean.prototype.toString()：将布尔值转换为字符串 "true" 或 "false"。
• Boolean.prototype.valueOf()：返回布尔值的原始值。

十、综合应用

在实际开发中，内置对象的综合应用非常重要。例如，可以使用 Date 对象来获取当前时间，使用 Math 对象来执行数学计算，使用 Array 对象来存储和处理数据集合。以下是一个示例：

// 获取当前日期和时间

let now = new Date();
console.log('当前时间:', now);
// 生成一个随机数
let randomNum = Math.random();
console.log('随机数:', randomNum);
// 创建一个数组并进行操作
let numbers = [1, 2, 3, 4, 5];
numbers.push(6);
let filteredNumbers = numbers.filter(num => num > 3);
console.log('过滤后的数组:', filteredNumbers);
// 创建一个字符串并进行操作
let greeting = 'Hello, world!';
let upperCaseGreeting = greeting.toUpperCase();
console.log('大写字符串:', upperCaseGreeting);

结论

JavaScript 内置对象提供了强大的工具，用于处理各种类型的数据和任务。通过深入理解和熟练应用这些内置对象及其方法，可以大大提高开发效率和代码质量。在日常开发中，建议多多练习和使用这些内置对象，逐渐积累经验，提升编程技巧。

相关问答FAQs：

1. 什么是JavaScript内置对象？
JavaScript内置对象是指在JavaScript语言中自带的一些对象，可以直接使用而不需要进行额外的导入或安装。

2. JavaScript内置对象有哪些常用的？
JavaScript内置对象包括但不限于：String（字符串）、Number（数字）、Array（数组）、Object（对象）、Date（日期）、Math（数学）等。

3. 如何使用JavaScript内置对象？
使用JavaScript内置对象的方法是直接调用对象的属性和方法。例如，对于字符串对象String，可以使用String.length属性获取字符串的长度，使用String.toUpperCase()方法将字符串转换为大写。对于数组对象Array，可以使用Array.length属性获取数组的长度，使用Array.push()方法向数组末尾添加元素。具体的使用方法可以参考相关的JavaScript文档或教程。