数组的方法总结

目录

1.concat方法

2.every() 方法

3.filter() 方法

4.fill() 方法

5.find() 方法

6.findIndex() 方法

7.forEach() 方法

 8.includes() 方法

9.indexOf() 方法

10.isArray() 方法

11.join() 方法

12.lastIndexOf()方法

13.map() 方法

 14.pop() 方法

15.push() 方法

16.reverse() 方法

17.shift() 方法

18.slice() 方法

19.some() 方法

20.sort() 方法

21.splice() 方法

22.unshift() 方法


1.concat方法

concat() 方法用于连接两个或多个数组并返回一个新的数组

let arr1 = ["a", "b", "c", "d"]
let arr2 = ["e","f","g"]
let arr3 = arr1.concat(arr2)
console.log(arr3) // [a,b,c,d,e]

2.every() 方法

every() 方法用于检测数组所有元素是否都符合指定条件

let arr1 = [1,2,3,4,5]
   let arr2 = arr1.every(item => item>0)
   console.log(arr2)//true

3.filter() 方法

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

let arr1 = [1,2,3,4,5]
   let arr2 = arr1.filter(item => item>2)
   console.log(arr2)

打印结果: 

4.fill() 方法

fill() 方法用于将一个固定值替换数组的元素。

let arr1 = [1,2,3,4,5]
   let arr2 = arr1.fill(6,1,3)
   console.log(arr2)

打印结果:

5.find() 方法

遍历数组 每次循环 执行回调函数,回调函数接受一个条件 返回满足条件的第一个元素,不存在则返回undefined

let arr1 = [1,2,3,4,5]
   console.log(arr1.find(item =>{
    return item >2
   }))//3

6.findIndex() 方法

findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置。

let arr1 = [1,2,3,4,5]
   console.log(arr1.findIndex(item =>{
    return item >2
   }))//2

7.forEach() 方法

遍历数组,每次循环中执行传入的回调函数 。没有返回值,或理解为返回值为undefined,不改变原数组

let arr1 = [1,2,3,4,5]
   arr1.forEach(item =>{
    item *= 2
    console.log(item)
   })

输出结果:

 8.includes() 方法

includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false

let arr1 = [1,2,3,4,5]
    let arr2 = arr1.includes(2)
    console.log(arr2)//true

9.indexOf() 方法

indexOf() 方法可返回数组中某个指定的元素位置

 let arr1 = [1,2,3,4,5]
    let arr2 = arr1.indexOf(2)
    console.log(arr2)//1

10.isArray() 方法

isArray() 方法用于判断一个对象是否为数组。是返回true,否则返回false

let arr1 = [1,2,3,4,5]
    console.log(Array.isArray(arr1))//true

11.join() 方法

join() 方法用于把数组中的所有元素转换一个字符串。元素通过指定的分隔符进行分隔

 let arr1 = [1,2,3,4,5]
    console.log(typeof(arr1))
    console.log(arr1.join('~'))
    console.log(typeof(arr1.join('~')))

输出结果:

12.lastIndexOf()方法

查询某个元素在数组中最后一次出现的位置存在该元素,返回下标,不存在 返回 -1

let arr1 = [1,2,3,4,5]
    var index1 = arr1.lastIndexOf(4)
    var index2 = arr1.lastIndexOf(6)
    console.log(index1)//3
    console.log(index2)//-1

13.map() 方法

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

参数:currentValue当前元素的值

​          index当前元素的索引值

​         arr当前元素属于的数组对象

let arr1 = [1,2,3,4,5]
    let arr2 = arr1.map(x => x + 2)
    console.log(arr2)

输出结果:

 14.pop() 方法

pop() 方法用于删除数组的最后一个元素并返回删除的元素。

 let arr1 = [1,2,3,4,5]
    console.log(arr1.pop())//(5) [3, 4, 5, 6, 7]

15.push() 方法

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

 let arr1 = [1,2,3,4,5]
    console.log(arr1.push(7,9))//7

16.reverse() 方法

reverse() 方法用于颠倒数组中元素的顺序

let arr1 = [1,2,3,4,5]
    console.log(arr1.reverse(7,9))//(5) [5, 4, 3, 2, 1]

17.shift() 方法

shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

let arr1 = [1,2,3,4,5]
    arr1.shift()
    console.log(arr1)//(4) [2, 3, 4, 5]

18.slice() 方法

slice() 方法可从已有的数组中返回选定的元素。

let arr1 = [1,2,3,4,5]
    let arr2 = arr1.slice(-4,-1)
    console.log(arr2)//(3) [2, 3, 4]

19.some() 方法

some() 方法用于检测数组中的元素是否满足指定条件

let arr1 = [1,2,3,4,5]
    let arr2 = arr1.some(item => item > 2)
    console.log(arr2)//true

20.sort() 方法

sort() 方法用于对数组的元素进行排序。

排序顺序可以是字母或数字,并按升序或降序。

let arr1 = [66,34,89,20,33,76]
    console.log(arr1.sort())//(6) [20, 33, 34, 66, 76, 89]

21.splice() 方法

splice() 方法用于添加或删除数组中的元素。((第几个开始,要删除个数))

let arr1 = [1,2,3,4,5,'e','a']
    let arr2 = arr1.splice(2,1,"arr1","arr2")
    console.log(arr1)//(8) [1, 2, 'arr1', 'arr2', 4, 5, 'e', 'a']
    console.log(arr2)//[3]
   

22.unshift() 方法

unshift() 方法可向数组的开头添加一个或多个元素,并返回新的长度。

let arr1 = [1,2,3,4,5]
    arr1.unshift(6,7,8,9,10)
    console.log(arr1)//(10) [6, 7, 8, 9, 10, 1, 2, 3, 4, 5]

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript数组有很多内置方法,可以操作和处理数据。以下是JavaScript数组的所有方法列表: 1. `concat()` - 连接两个或多个数组。 2. `copyWithin()` - 在数组内部将一段元素拷贝到另一个位置。 3. `entries()` - 返回一个迭代器对象,可以遍历数组所有的键值对。 4. `every()` - 检查数组中的所有元素是否满足一个条件。 5. `fill()` - 用静态值填充一个数组中的所有元素。 6. `filter()` - 通过指定条件过滤出符合条件的数组元素。 7. `find()` - 返回找到的第一个元素,满足条件。 8. `findIndex()` - 返回目标元素索引,满足条件。 9. `forEach()` - 遍历数组,对每个元素执行指定的操作。 10. `includes()` - 判断数组是否包含指定元素。 11. `indexOf()` - 返回指定元素第一个出现的位置索引。 12. `join()` - 连接数组元素,返回字符串。 13. `keys()` - 返回一个迭代器对象,可以遍历数组的键。 14. `lastIndexOf()` - 返回指定元素最后一次出现的位置索引。 15. `map()` - 遍历数组,对每个元素执行指定的操作,将结果放入新数组。 16. `pop()` - 删除数组最后一个元素。 17. `push()` - 在数组末尾添加一个或多个元素。 18. `reduce()` - 对数组中的每个元素执行指定的操作,累积计算并返回最终结果。 19. `reduceRight()` - 与reduce()方法类似,不过是从右到左遍历数组。 20. `reverse()` - 反转数组元素的顺序。 21. `shift()` - 删除数组的第一个元素。 22. `slice()` - 截取数组元素,返回新数组。 23. `some()` - 检查数组中是否存在至少一个元素满足一个条件。 24. `sort()` - 排序数组元素。 25. `splice()` - 删除、插入或替换数组中的元素。 26. `toString()` - 将数组转换成字符串。 27. `unshift()` - 在数组的开头添加一个或多个元素。 28. `valueOf()` - 返回数组本身。 以上方法中,有些方法会改变原数组,有些方法则不会。需要注意使用时,避免产生错误。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值