JavaScript数组方法1

简介: 数组常用方法添加/删除元素push

数组常用方法

添加/删除元素

push

push() 方法可以将一个或多个元素添加到数组的末尾,并返回新的长度。

push(元素1,元素2……)
复制代码

可以一次性添加多个元素,也可以一个一个添加。

var arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]
复制代码

pop

pop() 方法可以删除数组的最后一个元素,并返回该元素。

result = pop();
复制代码

最后将被删除的元素返回给 result。

var arr = [1, 2, 3];
var last = arr.pop();
console.log(arr); // [1, 2]
console.log(last); // 3
复制代码

unshift

unshift() 方法可以将一个或多个元素添加到数组的开头,并返回新的长度。

arr.unshift(元素1,元素2……);
复制代码

可以一次性添加一个或者多个元素。

var arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]
复制代码

shift

shift() 方法可以删除数组的第一个元素,并返回该元素。

result = shift();
复制代码

最后将被删除的元素返回给 result。

var arr = [1, 2, 3];
var first = arr.shift();
console.log(arr); // [2, 3]
console.log(first); // 1
复制代码

splice

splice() 方法可以删除任意位置的元素,并且可以添加新的元素。返回被删除的元素。

arr.splice(index,howmany,element1,.....)
复制代码
  • index: 要删除的元素的起始位置。
  • howmany: 要删除的元素个数。
  • element1,.....: 要添加的元素。(可以添加一个或者多个元素,元素之间使用逗号分隔)
var arr = [1, 2, 3];
var arr1 = arr.splice(1, 2,-1,-2); // 从下标为1的元素开始删除,删除两个元素,并插入-1,-2
console.log(arr); // [1, -1, -2]
console.log(arr1); // [2,3]
复制代码

slice

slice() 方法可以提取数组的一部分,并返回一个新的数组。

arr.slice(start,end);
复制代码
  • start: 要提取的元素的起始位置。
  • end: 要提取的元素的结束位置。(最后提取出来的元素并不包括结束位置的元素)
var arr = [1, 2, 3, 4, 5, 6];
var arr1 = arr.slice(1, 3); // 提取下标为[1,3)的元素(不包括下标为3的元素)
console.log(arr); // [1, 2, 3, 4, 5, 6]
console.log(arr1); // [2, 3]
复制代码

concat

concat() 方法可以将一个或多个数组连接起来,并返回一个新的数组。

arr.concat(arr1,arr2,....);
复制代码
  • arr1,arr2,....: 要连接的数组。

可以一次性连接多个数组。

var arr = [1, 2, 3];
var arr1 = arr.concat([4, 5]); // 将[4, 5]连接到arr后面
console.log(arr); // [1, 2, 3]
console.log(arr1); // [1, 2, 3, 4, 5]
复制代码

一个小知识点:

pop()和push()方法在执行速度上比shift()和unshift()方法要快。

因为pop()方法需要从数组的末尾删除元素,它不需要去移动数组的下标;而shift()方法从数组的开头删除元素,最后返回这个数组的时候,我们需要去比较数组里面每一个元素的下标,并移动。


相关文章
|
JavaScript 前端开发
手写JavaScript中的数组方法(上)
手写JavaScript中的数组方法(上)
58 0
|
2月前
|
前端开发 JavaScript 算法
使用 JavaScript 数组方法实现排序与去重
【10月更文挑战第21天】通过灵活运用 `sort()` 方法和 `filter()` 方法,我们可以方便地实现数组的排序和去重。同时,深入理解排序和去重的原理,以及根据实际需求进行适当的优化,能够更好地应对不同的情况。可以通过实际的项目实践来进一步掌握这些技巧,并探索更多的应用可能性。
109 59
|
2月前
|
JavaScript 前端开发
JavaScript 数组方法汇总
【10月更文挑战第21天】这些是 JavaScript 数组中一些常见的方法,它们为我们处理数组提供了强大的工具,使我们能够更加方便快捷地操作数组。你可以根据具体的需求选择合适的方法来实现相应的功能。同时,还可以通过组合使用这些方法来实现更复杂的数组操作。还可以进一步深入研究和探索其他数组方法,以发掘更多的应用场景和潜力。
96 59
|
1月前
|
缓存 JavaScript 前端开发
介绍一下 JavaScript 中数组方法的常见优化技巧
通过合理运用这些优化技巧,可以提高 JavaScript 中数组方法的执行效率,提升代码的整体性能。在实际开发中,需要根据具体的业务场景和数据特点选择合适的优化方法。
28 6
|
7月前
|
JavaScript 前端开发
JavaScript 数组方法概览
【5月更文挑战第11天】JavaScript 数组方法概览:push() 添加元素至末尾;pop() 删除并返回最后一个元素;shift() 删除并返回第一个元素;unshift() 向开头添加元素;slice() 返回指定范围的浅拷贝;splice() 删除/替换/添加元素,改变原数组;concat() 合并数组;join() 转换为字符串;reverse() 颠倒顺序;sort() 排序;map() 应用函数并创建新数组;filter() 过滤元素;reduce() 累加元素为单一值。
38 1
|
3月前
|
存储 缓存 JavaScript
JavaScript 中数组方法的常见优化技巧
JavaScript 中数组方法的常见优化技巧
|
6月前
|
Web App开发 JavaScript iOS开发
技术笔记:js数组定义和方法(包含ES5新增数组方法)
技术笔记:js数组定义和方法(包含ES5新增数组方法)
|
7月前
|
JavaScript 前端开发
JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式
【5月更文挑战第11天】JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式。map() 用于创建新数组,其中元素是原数组元素经过指定函数转换后的结果;filter() 则筛选出通过特定条件的元素生成新数组;reduce() 将数组元素累计为单一值。这三个方法使代码更简洁易读,例如:map() 可用于数组元素乘以 2,filter() 用于选取偶数,reduce() 计算数组元素之和。
50 2
|
7月前
|
存储 JavaScript 前端开发
JavaScript 数组方法详解
JavaScript 数组方法详解
48 2
|
7月前
|
JavaScript 前端开发
JavaScript 中的数组方法有哪些?
JavaScript 中的数组方法有哪些?
52 2