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

科技前沿 • 2025-05-17 19:09 • 阅读 46

大家好，我是讯享网，很高兴认识大家。

 <p>1.push( )方法</p>

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码进行排序），返回值是排序之后的数组。

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