工作中常用到的JS 数组方法 4

550 阅读2分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第6天,点击查看活动详情

在有了 push()在数组末尾添加元素的方法,unshift()在数组第一位插入元素的方法,pop()把数组最后一位删除的方法, shift()把数组第一项删除的方法, 之后我们如果需要把数组中的某一位置所以的元素替换内容。

  1. 我们可以直接使用缩影的方式。

var arrr = [1,2,3,4]

arr[1] = 6

console.log(arr) //1,6,3,4

  1. splice() 这个方法可以实现 数组中不同位置的插入,删除,替换等功能
  • 插入,它能在任何位置插入任何数量的元素,需要传递桑参数。第一个参数是,起始位置;第二个参数素是,要删除的位数;第三个参数则是要插入的元素。 在第二个参数的位置开始,插入第三个参数的元素,没有删除项的时候第二个参数可以用0

var arrr = [1,2,3,4]

arr.splice(2,0,4,6)

console.log(arr) //1,2,4,6,3,4

  • 删除,假如需要删除元素内一定数量的元素,传递两个参数进去即可;第一个参数是从第几给下标位置开始,第二个参数是删除多少位元素。

var arrr = [1,2,3,4]

arr.splice(2,1)

console.log(arr) //1,2,4

  • 替换,其实跟插入效果类似,区别在于插入的时候删除了0位元素,而替换则是,把第二个参数换成插入元素的数量;其本质就是把元素插入,删除插入元素同等数量的元素。 我们也可以根据具体的需求,删除多余插入元素数量的元素,或者少于插入元素数量的元素,都是可行的。

var arrr = [1,2,3,4]

arr.splice(2,2,4,6)

console.log(arr) //1,2,4,6

  • 注意,splice 方法有返回值,它的返回值就是被删除的元素形成的一个数组,如果没有被删除的元素则返回一个空数组[]

var arrr = [1,2,3,4]

var arr2 = arr.splice(2,2,4,6)

console.log(arr) //1,2,4,6
console.log(arr2) //[3,4]