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

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

1.join()

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

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

输出结果如下:
学习记录:js数组操作方法
2.reverse()
功能:将数组中得元素颠倒顺序,会改变原数组

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

学习记录:js数组操作方法
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))

拼接后得数组为:
学习记录:js数组操作方法
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))

返回结果为新数组的长度:
学习记录:js数组操作方法
7.pop()
功能:从数组末尾删除一个元素(删除最后一个),并返回被删除的元素

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

返回的是被删除的元素:
学习记录:js数组操作方法
8.shift()
功能:从数组开始位置添加

上一篇:虎年兴「书」礼,速来认领国际发布物,对话行业翘楚 #1月期


下一篇:D. Martial Arts Tournament