js数组方法改变原数组（js数组改变原数组的方法）



1.push( )方法

 let  arr  = [1,2,3,4,5]

 let  res  = arr.push('添加一个字符')

 console.log(arr,"---",res)  //   [1, 2, 3, 4, 5, '添加第一个参数']  '--- '  6

 let  arr  = [1,2,3,4,5]

 let  res  = arr.push('添加第一个参数','添加第二个参数')

 console.log(arr,"--- ",res)  //  [1, 2, 3, 4, 5, '添加第一个参数', '添加第二个参数'] '--- ' 7

 push( )方法在数组索引最后添加一条或多条数据，返回值是添加完数据的数组长度。

2.pop( ) 方法

 let  arr  = [1,2,3,4,5]

 let  res  = arr.pop()

 console.log(arr,'-----',res)  //   [1, 2, 3, 4] '-----' 5

 pop( )方法删除数组索引最后的一项，返回值是删除的那条数据，注意：每次只能删除一条数据，里面传递参数不会报错，也没有任何意义。

3.shift( )方法

let  arr  = [1,2,3,4,5]

 let  res  = arr.shift()

 console.log(arr,'-----',res)   //   [2, 3, 4, 5] '-----' 1

shift( )方法删除数组索引的第一项，返回值是删除的那条数据，每次只能删除一条数据，里面传递参数不会报错，也没有任何意义。

4.unshift( )方法

 let  arr  = [1,2,3,4,5]

 let  res  = arr.unshift('abc','def')

 console.log(arr,'-----',res)   //   ['abc', 'def', 1, 2, 3, 4, 5] '-----' 7

unshift( )方法在第一个索引前添加一条或多条数据，返回值是添加完数据的数组长度。

5.reverse( )方法

 let  arr  = [1,2,3,4,5,6,7,8,9,10]

 let  res  = arr.reverse()

 console.log(arr===res) //  true

 console.log(arr,'---',res)  // (10) [10, 9, 8, 7, 6, 5, 4, 3, 2, 1] '---' (10) [10, 9, 8, 7, 6, 5, 4, 3, 2, 1]

reverse( )方法用于反转数组，返回值是反转之后的原数组, 原数组与返回的新数组引用地址是一样的。

6.splice( )方法

let arr = ['a','b','c','d','e','f','g','h','i','j','k']

 let res = arr.splice(4,3,'替换的数据一','替换的数据二')

 console.log(arr,'---',res) //  ['a', 'b', 'c', 'd', '替换的数据一', '替换的数据二', 'h', 'i', 'j', 'k']  '---'   ['e', 'f', 'g']

splice( )方法的第一个参数是从第几个索引开始截取，第二个参数是截取几个，第三个以及之后的参数是把截取的数据替换成什么(可以拥有n个参数)。返回值是截取的数据。

7.sort( )方法

 let arr = [1,56,89,36,98,24,17,34,28]

  let res = arr.sort((a,b)=>{

    return a-b

   })

   console.log(arr===res)   //   true

   console.log(arr,'---',res)  // [1, 17, 24, 28, 34, 36, 56, 89, 98] '---'  [1, 17, 24, 28, 34, 36, 56, 89, 98]

 sort ( )方法接收一个函数，函数里接收两个参数，第一个参数表示的是下一个“索引”的值，第二个参数表示的当前“索引”的值（注意没有第三个参数）,通常用途是数组排序（根据ASCII码进行排序），返回值是排序之后的数组。

以上方法都会直接影响原数组。

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/44931.html