学习记录：js数组操作方法

2022-01-21 17:30:20 阅读：168 来源： 互联网

数组得操作方法在获取数据，处理数据时经常会用到
参考文章

1.join()

功能：将数组中得所有元素都转化为字符串并连接在一起

let a = [1, 5, 4, 8, 7, 5, 6]
        console.log('原数组为:', a)
        console.log('join数组为', a.join())

输出结果如下：
在这里插入图片描述
2.reverse()
功能：将数组中得元素颠倒顺序，会改变原数组

   console.log('reverse数组', a.reverse())

在这里插入图片描述
3.concat()
功能：拼接数组，返回新数组，原数组不会被影响

    let a = [1, 5, 4, 8, 7, 5, 6]
        let b = [2, 5, 1, 7, 8]
        let c = [4, 5, 1, 3, 4]
        console.log('原数组为:', a)
        // console.log('join数组为', a.join())
        // console.log('reverse数组', a.reverse())//会改变原数组
        console.log('concat数组', b.concat(a, c))

拼接后得数组为：
在这里插入图片描述
4.slice()
功能：截取数组生成新的数组，原数组不被影响
返回得数组是从第一个参数指定的位置至第二个参数指定的位置之间的所有元素
如果没有第二个参数，即代表一直到数组最后一位
如果第二个参数长度超过原数组长度，也是到数组最后一位
无论第几个参数如果为负数，表示的是相对于数组最后一个元素的位置，如果只有一个参数且为负数，代表从该位置一直到数组最后一位
数组操作比较多，此处引用参考文章中的数据

let aa = [1,2,3,4,5,6];
console.log(aa.slice(2)); //[3,4,5,6]
console.log(aa.slice(2,8)); //[3,4,5,6] 超过最大长度，只显示到最后结果
console.log(aa.slice(2,5)); //[3,4,5]
console.log(aa.slice(2,-1)); //[3,4,5] 相对于倒数第一个之前
console.log(aa.slice(2,-2)); //[3,4] 相对于倒数第二个之前
console.log(aa.slice(3)); //[4,5,6] 一个参数从第三个到最后
console.log(aa.slice(-2));//[5,6] 一个参数负值从倒数第二个到最后

5.splice()
功能：从数组中删除元素、插入元素到数组中或者同时进行插入和删除操作
输入：第一个参数是指定插入或者删除的起始位置，第二个参数是要删除的个数。后边的参数是要插入到数组中的元素。
如果只有一个参数，代表删除参数后边的所有元素
输出：返回的是由删除元素组成的数组
修改了原数组，原数组改为删除或者插入操作后的数组

let aa = [1,2,3,4,5,6];
console.log(aa.splice(4)); //[5,6]  返回删除后的数组
aa; // [1,2,3,4]
console.log(aa.splice(2,2)); //[3,4] 从第二位起删除两个元素
aa; //[1,2]
console.log(aa.splice(1,0,7,8)); //[]从第一位起删除0个元素，添加7,8到原数组
aa;//[1,7,8,2]

6.push()
功能：在数组末尾添加一个或者多个元素，并返回新数组的长度

   let a = [1, 5, 4, 8, 7, 5, 6]
        console.log('原数组为:', a)
        console.log('push后的数组', a.push(8, 8, 8))

返回结果为新数组的长度：
在这里插入图片描述
7.pop()
功能：从数组末尾删除一个元素（删除最后一个），并返回被删除的元素

console.log('pop后的数组', a.pop())

返回的是被删除的元素：
在这里插入图片描述
8.shift()
功能：从数组开始位置添加

标签：aa,console,log,删除,操作方法,元素,js,数组
来源： https://blog.csdn.net/weixin_44845483/article/details/118542094

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

学习记录：js数组操作方法