js 数组的常用方法-Toy模板网

这篇具有很好参考价值的文章主要介绍了js 数组的常用方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

数组关注是否改变原数组

操作

增

会影响原数组

push()
- 接收任意数量的参数，将他们添加到数组末尾，放回数组最新长度

unshift()

在数组头部添加任意多个值，返回新的数组长度

let arr = ['a', 'b', 'c']
let len = arr.unshift(1, 0)
console.log(arr) // ['1', '0', 'a', 'b', 'c']
console.log(len) // 5

splice()

传入三个参数，分别是开始位置，0（要删除的元素数量）、插入的元素，返回空数组

let arr = ['a', 'b', 'c']
let add = arr.splice(1, 0, 'a', 'b')
console.log(arr) // ['a', 'a', 'b', 'b', 'c']
console.log(add) // []

不会影响

concat()

创建一个当前数组的副本，再把它的参数添加到副本末尾，返回这个新构建的数组，不会影响原始数组

let arr = ['a', 'b', 'c']
let add = arr.concat('e', ['f', 'g'])
console.log(add) // ['a', 'b', 'c', 'e', 'f', 'g']
console.log(arr) // ['a', 'b', 'c']

删

会影响原数组

pop()
- 删除数组的最后一项，减少数组的length值，返回被删除的项
shift()
- 用于删除数组的第一项，减少数组的length值，返回被删除项

splice()

传入两个参数，开始位置及删除数量，返回包含删除元素

let letters = ['a', 'b', 'c', 'd', 'e']
let letters1 = letters.splice(1,2) 
console.log(letters) // ['a', 'd', 'e']
console.log(letters1) //['b', 'c']

不会影响

slice()

用于创建一个包含原有数组一个或者多个元素的新数组，不会改变原始数组

let letters = ['a', 'b', 'c', 'd', 'e']
let letters1 = nums.slice(1) //['b', 'c', 'd', 'e']
let letters2 = nms.slice(1,3) //['b', 'c']

改

splice（）

会修改原数组的内容
传入三个参数，分别是开始位置，要删除的数量，要插入的任意多个元素，返回被删除元素的数组，对原数组产生影响

let arr = ['a', 'b', 'c']
let remove = arr.splice(1,1, 'd', 'f')
console.log(arr) // ['a', 'd', 'f', 'c']
console.log(remove) // 'b'

查

查找元素返回元素坐标或者元素值文章来源地址https://www.toymoban.com/news/detail-859406.html

indexOf()
- 查找元素在数组中的位置，没找到返回-1
- ```
let arr = [1,2,3]
arr.indexOf(2) == 1
```
includes()
- 查找的元素在数组中的位置，找到true，没找到false
- ```
let arr = ['xx', 'banana', 'hah']
arr.includes('mm') //false
```

find()

返回第一个匹配的元素

let stus =[
    {
        name: 'xx',
        age: '20'
    },{
        name: 'xx1',
        age: '18'
    },{
        name: 'xx2',
        age: '15'
    }
]
stus.find((currentValue, index, arr) => {
    return currentValue.age > 18
}) //{name: 'xx', age: '20'}

排序

reserve()

改变原数组
将数组反转

let arr = [1, 2, 3]
let result = arr.reserve()
console.log(result) // [3, 2, 1]

sort()

改变原数组
接受一个比较函数，用于判断哪个值排在前面

function compare(a, b) {
	return b - a
}
let arr = [1, 2, 3]
arr.sort(compare)

转换

join()

接收一个参数（字符串分隔符），返回包含所有项的字符串

let arr = [1, 2, 3]
let result = arr.join('.')
console.log(result) //1.2.3

迭代方法

some()

对数组的每一项都运行传入的函数，至少有一个元素返回true，这个方法就返回true

let arr = [1, 2, 3]
let result = arr.reserve()
console.log(result) // [3, 2, 1]

every()

对数组的每一项都运行传入的函数，所有元素返回true，这个方法就返回true

let arr = [1, 2, 3]
let result = arr.every((item, index, array) => {
    return item > 2
})
console.log(result) //false

forEach()

对数组中的每一项都运行传入的函数，没有返回值

filter()

对数组中的每一项都运行函数，返回为true会组成数组

let arr = [1, 2, 3]
let result = arr.filter((item, index, array) => {
    return item > 1
})
console.log(result) // [2, 3]

map()

对数组中每一项都运行函数，返回由每次函数调用的结果组成新数组

let arr = [1, 2, 3]
let result = arr.map((item, index, array) => {
    return item*2
})
console.log(result) // [2, 4, 6]

到了这里，关于js 数组的常用方法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

js 数组的常用方法

目录

数组关注是否改变原数组

操作

增

会影响原数组

push()

unshift()

splice()

不会影响

concat()

删

会影响原数组

pop()

shift()

splice()

不会影响

slice()

改

splice（）

查

indexOf()

includes()

find()

排序

reserve()

sort()

转换

join()

迭代方法

some()

every()

forEach()

filter()

map()

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

支付宝扫一扫领取红包，优惠每天领

二维码1

二维码2