JavaScript 数组方法概览

简介: 【5月更文挑战第11天】JavaScript 数组方法概览:push() 添加元素至末尾;pop() 删除并返回最后一个元素;shift() 删除并返回第一个元素;unshift() 向开头添加元素;slice() 返回指定范围的浅拷贝;splice() 删除/替换/添加元素,改变原数组;concat() 合并数组;join() 转换为字符串;reverse() 颠倒顺序;sort() 排序;map() 应用函数并创建新数组;filter() 过滤元素;reduce() 累加元素为单一值。

JavaScript 中的数组对象提供了许多有用的方法来处理数组元素。以下是一些常见的数组方法:

push():向数组的末尾添加一个或多个元素,并返回新的长度。
javascript
let array = [1, 2, 3];
array.push(4);
console.log(array); // [1, 2, 3, 4]
pop():删除并返回数组的最后一个元素。
javascript
let array = [1, 2, 3];
let lastElement = array.pop();
console.log(array); // [1, 2]
console.log(lastElement); // 3
shift():删除并返回数组的第一个元素。
javascript
let array = [1, 2, 3];
let firstElement = array.shift();
console.log(array); // [2, 3]
console.log(firstElement); // 1
unshift():向数组的开头添加一个或多个元素,并返回新的长度。
javascript
let array = [1, 2, 3];
array.unshift(0);
console.log(array); // [0, 1, 2, 3]
slice():返回一个新的数组对象,这一对象是一个由开始到结束(不包括结束)选择的、由原数组的浅拷贝构成。原始数组不会被改变。
javascript
let array = [1, 2, 3, 4, 5];
let newArray = array.slice(1, 3);
console.log(newArray); // [2, 3]
splice():通过删除或替换现有元素或者添加新元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。
javascript
let array = [1, 2, 3, 4, 5];
let removed = array.splice(1, 2, 'a', 'b');
console.log(array); // [1, 'a', 'b', 5]
console.log(removed); // [2, 3]
concat():用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。
javascript
let array1 = [1, 2, 3];
let array2 = [4, 5, 6];
let newArray = array1.concat(array2);
console.log(newArray); // [1, 2, 3, 4, 5, 6]
join():把数组的所有元素放入一个字符串中。元素通过指定的分隔符进行分隔。
javascript
let array = [1, 2, 3];
let str = array.join(', ');
console.log(str); // "1, 2, 3"
reverse():颠倒数组中元素的顺序。
javascript
let array = [1, 2, 3];
array.reverse();
console.log(array); // [3, 2, 1]
sort():对数组的元素进行排序,并返回数组。排序不一定是稳定的。默认排序顺序是根据字符串Unicode码点。
javascript
let array = [5, 1, 4, 2, 8];
array.sort();
console.log(array); // [1, 2, 4, 5, 8]
map():创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
javascript
let array = [1, 2, 3];
let newArray = array.map(x => x * 2);
console.log(newArray); // [2, 4, 6]
filter():创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。
javascript
let array = [1, 2, 3, 4, 5];
let newArray = array.filter(x => x > 3);
console.log(newArray); // [4, 5]
reduce():对累加器和数组中的每个元素(从左到右)应用一个函数,将其减少为单个输出值。
javascript
let array = [1, 2, 3,

目录
相关文章
|
JavaScript 前端开发
手写JavaScript中的数组方法(上)
手写JavaScript中的数组方法(上)
55 0
|
27天前
|
前端开发 JavaScript 算法
使用 JavaScript 数组方法实现排序与去重
【10月更文挑战第21天】通过灵活运用 `sort()` 方法和 `filter()` 方法,我们可以方便地实现数组的排序和去重。同时,深入理解排序和去重的原理,以及根据实际需求进行适当的优化,能够更好地应对不同的情况。可以通过实际的项目实践来进一步掌握这些技巧,并探索更多的应用可能性。
98 59
|
27天前
|
JavaScript 前端开发
JavaScript 数组方法汇总
【10月更文挑战第21天】这些是 JavaScript 数组中一些常见的方法,它们为我们处理数组提供了强大的工具,使我们能够更加方便快捷地操作数组。你可以根据具体的需求选择合适的方法来实现相应的功能。同时,还可以通过组合使用这些方法来实现更复杂的数组操作。还可以进一步深入研究和探索其他数组方法,以发掘更多的应用场景和潜力。
88 59
|
12天前
|
缓存 JavaScript 前端开发
介绍一下 JavaScript 中数组方法的常见优化技巧
通过合理运用这些优化技巧,可以提高 JavaScript 中数组方法的执行效率,提升代码的整体性能。在实际开发中,需要根据具体的业务场景和数据特点选择合适的优化方法。
22 6
|
2月前
|
存储 缓存 JavaScript
JavaScript 中数组方法的常见优化技巧
JavaScript 中数组方法的常见优化技巧
|
2月前
|
JavaScript 前端开发 Java
JavaScript 类知识点概览
概览JavaScript中类的知识点,包括类的定义和实现、添加方法和get/set方法、类的继承和静态方法的使用。通过学生类和人员类的例子,演示了类的构造器、方法定义、继承关系和静态方法的调用。
JavaScript 类知识点概览
|
5月前
|
JavaScript 前端开发
JavaScript进阶-ES6新特性概览:let, const, arrow functions
【6月更文挑战第19天】ES6的`let`和`const`带来了变量声明的变革,解决了`var`的提升和作用域问题。`let`有块级作用域,避免了循环中的变量共享;`const`声明常量,值不可变但内容可变(如数组和对象)。箭头函数简化了函数定义,其`this`绑定遵循上下文,不具自己的`arguments`。这些特性提升了代码质量和可读性。
131 2
|
5月前
|
JavaScript 前端开发 Java
【JavaScript】ECMAS6(ES6)新特性概览(二):解构赋值、扩展与收集、class类全面解析
【JavaScript】ECMAS6(ES6)新特性概览(二):解构赋值、扩展与收集、class类全面解析
60 2
|
5月前
|
SQL 自然语言处理 前端开发
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
【JavaScript】ECMAS6(ES6)新特性概览(一):变量声明let与const、箭头函数、模板字面量全面解析
46 2
|
5月前
|
Web App开发 JavaScript iOS开发
技术笔记:js数组定义和方法(包含ES5新增数组方法)
技术笔记:js数组定义和方法(包含ES5新增数组方法)