js中常用数组方法concat join push pop slice splice shift

简介: javascript给我们很多常用的 数组方法,极大方便了我们做程序。下面我们来介绍下常用的集中数组方法。 比如 concat() join() push() pop() unshift() shift() reverse() slice() sort() splice() 等。

javascript给我们很多常用的 数组方法,极大方便了我们做程序。下面我们来介绍下常用的集中数组方法。 比如 concat() join() push() pop() unshift() shift() reverse() slice() sort() splice() 等。



1、

concat()方法 数组和数组的 粘结:

var a=[1,2,3,4];

var b=[5,6,7,8];

var c=a.concat(b);

console.log(c); // [1,2,3,4,5,6,7,8] 

2、

join()方法  改变数组中拼接的符号:

var a=[1,2,"字符串",false,undefied,null];

a.join("++");  //   [1++2++字符串++false++++];

3、

push()方法 在数组的最后一项后追加数值。 //返回数组的长度

var a=[1,2,3]

a.push(9);  //返回数组的长度 4,改变了原数组

console.log(a) //[1,2,3,9]

向a数组中 push入 一个数组,push的数组会变为 a的子数组,a的长度+1 

4、

pop() 删除数组的最后一项。 //返回被删除的值,改变了原数组

var a=[1,2,3,4];

a.pop()   // 返回删除值 4

console.log(a)  // [1,2,3]

5、

unshift() 在数组的第0项前 插入值,原数组的值索引向后移  //返回数组的长度,插入的值为数组,变为 子数组。 改变原数组

var a=[1,2,3];

a.unshift("wo");  //返回数组的长度 4

console.log(a);  //["wo",1,2,3]

var b=[9,8,7];

a.unshift(b);  //返回数组的长度 5;

console.log(a)  //[ [9,8,7] ,"wo",1,2,3] 

6、

shift() 删除数组的第0项,原数组的值 索引向前的移动。 //返回被删除的值 改变原数组

var a=[1,2,3];

a.shift()  //返回被删除的值 1;

console.log(a)  //[2,3]

7、

reverse()  数组的值翻转。 //返回 翻转后的 数组 ,原数组改变

var a=[1,2,3];

a.reverse()  //[3,2,1]

8、

slice(index,[end]) end可选   赋值索引从index开始到 end-1 结束 为一个新数组,原数组不变。

var a=[1,2,3,4,5];

a.slice(2,4) //返回 [3,4]

a.slice(0) //[1,2,3,4,5]

a.slice(3) //[4,5] 

console.log(a)  // [1,2,3,4,5]

9、

sort()  按照 ASCII表排序  返回排序后新数组  原数组改变

var a=[1,2,3,12,13];

a.sort()  //返回 [1,12,13,2,3]

如果按照正常逻辑排序 :

a.sort(function(a,b){

   return a-b;

})    //[1,2,3,12,13]

10、

splice(index,num,ele1,ele2...) 很强大的一个方法。index指 从index删除(包括index对应的值) num指 删除的个数, ele1,ele2...代表插入的值  //返回删除的值 

原数组改变


var a=[1,2,3,4,5];

a.splice(1,2,"我是","插入的值")   //返回 删除的值 2,3

console.log(a)  //  [1,"我是","插入的值",4,5]

11、

shift

shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

语法

arrayObject.shift()

返回值

数组原来的第一个元素的值。

说明

如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。

提示和注释

注释:该方法会改变数组的长度。

提示:要删除并返回数组的最后一个元素,请使用 pop() 方法。

 


目录
相关文章
|
5月前
|
前端开发 JavaScript 算法
使用 JavaScript 数组方法实现排序与去重
【10月更文挑战第21天】通过灵活运用 `sort()` 方法和 `filter()` 方法,我们可以方便地实现数组的排序和去重。同时,深入理解排序和去重的原理,以及根据实际需求进行适当的优化,能够更好地应对不同的情况。可以通过实际的项目实践来进一步掌握这些技巧,并探索更多的应用可能性。
140 59
|
5月前
|
JavaScript 前端开发
JavaScript 数组方法汇总
【10月更文挑战第21天】这些是 JavaScript 数组中一些常见的方法,它们为我们处理数组提供了强大的工具,使我们能够更加方便快捷地操作数组。你可以根据具体的需求选择合适的方法来实现相应的功能。同时,还可以通过组合使用这些方法来实现更复杂的数组操作。还可以进一步深入研究和探索其他数组方法,以发掘更多的应用场景和潜力。
115 59
|
4月前
|
缓存 JavaScript 前端开发
介绍一下 JavaScript 中数组方法的常见优化技巧
通过合理运用这些优化技巧,可以提高 JavaScript 中数组方法的执行效率,提升代码的整体性能。在实际开发中,需要根据具体的业务场景和数据特点选择合适的优化方法。
60 6
|
10月前
|
JavaScript 前端开发
JavaScript 数组方法概览
【5月更文挑战第11天】JavaScript 数组方法概览:push() 添加元素至末尾;pop() 删除并返回最后一个元素;shift() 删除并返回第一个元素;unshift() 向开头添加元素;slice() 返回指定范围的浅拷贝;splice() 删除/替换/添加元素,改变原数组;concat() 合并数组;join() 转换为字符串;reverse() 颠倒顺序;sort() 排序;map() 应用函数并创建新数组;filter() 过滤元素;reduce() 累加元素为单一值。
64 1
|
5月前
|
JavaScript
JS中的splice的三种用法(删除,替换,插入)
JS中的splice的三种用法(删除,替换,插入)
405 4
|
6月前
|
存储 缓存 JavaScript
JavaScript 中数组方法的常见优化技巧
JavaScript 中数组方法的常见优化技巧
|
6月前
|
JavaScript 前端开发
JS之concat方法
本文介绍了JavaScript中`concat`方法的使用,展示了如何利用该方法来合并数组,包括与字符串、数字、对象等类型的拼接,以及使用扩展运算符进行合并的示例。
63 0
JS之concat方法
|
5月前
|
前端开发 JavaScript 索引
JavaScript 数组常用高阶函数总结,包括插入,删除,更新,反转,排序等,如map、splice等
JavaScript数组的常用高阶函数,包括遍历、插入、删除、更新、反转和排序等操作,如map、splice、push、pop、reverse等。
41 0
|
6月前
|
JavaScript 前端开发
JavaScript遍历数组用splice方法删除元素,这样写可能有遗漏,你遇到过吗?
JavaScript遍历数组用splice方法删除元素,这样写可能有遗漏,你遇到过吗?
|
6月前
|
JavaScript 前端开发 索引
JavaScript 数组中splice()的用法
本文介绍了JavaScript数组方法splice()的三种用法:删除元素、插入元素和替换元素,通过具体代码示例展示了如何使用splice()方法进行数组的修改操作。

热门文章

最新文章