常用的 JavaScript 数组 API

「爱情、让人受尽委屈。」 2024-03-26 18:28 78阅读 0赞

以下是一些常用的 JavaScript 数组 API 的代码示例：

#### 1、push() ####

push(): 在数组末尾添加一个或多个元素，返回新的数组长度

const arr = [1, 2, 3];
    const newLength = arr.push(4, 5);
    console.log(arr); // [1, 2, 3, 4, 5]
    console.log(newLength); // 5

#### 2、pop() ####

pop(): 删除数组末尾的元素，返回被删除的元素

const arr = [1, 2, 3];
    const lastElement = arr.pop();
    console.log(arr); // [1, 2]
    console.log(lastElement); // 3

#### 3、unshift() ####

unshift(): 在数组开头添加一个或多个元素，返回新的数组长度

const arr = [1, 2, 3];
    const newLength = arr.unshift(0, -1);
    console.log(arr); // [-1, 0, 1, 2, 3]
    console.log(newLength); // 5

#### 4、shift() ####

shift(): 删除数组开头的元素，返回被删除的元素

const arr = [1, 2, 3];
    const firstElement = arr.shift();
    console.log(arr); // [2, 3]
    console.log(firstElement); // 1

#### 5、slice() ####

slice(): 返回一个新的数组，包含从开始到结束（不包括结束）的所有元素

const arr = [1, 2, 3, 4, 5];
    const newArr = arr.slice(1, 4);
    console.log(newArr); // [2, 3, 4]

#### 6、splice() ####

splice(): 在数组中添加或删除元素，返回被删除的元素

const arr = [1, 2, 3, 4, 5];
    const removedElements = arr.splice(1, 2, 6, 7);
    console.log(arr); // [1, 6, 7, 4, 5]
    console.log(removedElements); // [2, 3]

#### 7、map() ####

map(): 创建一个新数组，其中的元素是调用提供的函数后返回的结果

const arr = [1, 2, 3];
    const newArr = arr.map((element) => element * 2);
    console.log(newArr); // [2, 4, 6]

#### 8、filter() ####

filter(): 创建一个新数组，其中的元素是调用提供的函数后返回值为 true 的元素

const arr = [1, 2, 3, 4, 5];
    const newArr = arr.filter((element) => element % 2 === 0);
    console.log(newArr); // [2, 4]

#### 9、reduce() ####

reduce(): 对数组中的所有元素进行累加或合并，返回一个累加或合并后的结果

const arr = [1, 2, 3, 4, 5];
    const sum = arr.reduce((acc, element) => acc + element, 0);
    console.log(sum); // 15

以上是一些常用的 JavaScript 数组 API 的代码示例，还有许多其他有用的数组 API 可以在文档中查找。

常用的 JavaScript 数组 API

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关常用的 JavaScript 数组 API

相关 JavaScript数组API总结

相关 javascript中数组常用的方法和属性

相关【JavaScript】常用的数组方法汇总（含ES6数组方法）

相关 JavaScript常用的数组基础知识

相关 JavaScript中常用的数组操作方法

相关 javascript之高级数组API

相关 JavaScript复习笔记（三）数组及数组API

相关 JavaScript数组常用的方法总结

相关 JavaScript常用的数组方法