数组的方法

本文详细介绍了JavaScript中常见的数组操作方法,包括isArray、forEach、indexOf、lastIndexOf、Array.from、Array.of、includes、map、filter、every、some、reduce、find、findIndex以及for...of循环。这些方法在处理和操作数组时非常实用,理解并掌握它们能够提升JavaScript编程效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

isArray

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

let arr = [1,2,3]
Array.isArray(arr) //true || false

forEach

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数,有三个参数,1必须,当前元素,2当前索引,3当前数组。

注意: forEach() 对于空数组是不会执行回调函数的。

let arr = [1,2,3]
arr.forEach((item,index,arr) => {})

indexOf

返回某个指定的字符串值在字符串中首次出现的位置,如果没有找到匹配的字符串则返回 -1。。参数1必需。规定需检索的字符串值,2可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 string Object.length - 1。如省略该参数,则将从字符串的首字符开始检索

注意: indexOf() 方法区分大小写,区分引号。

let arr = [1, 2, 3],
    flag = arr.indexOf(4) // -1

lastIndexOf

和indexOf()的功能一样,不同的是从后往前查找

let arr = [1, 2, 3],
    flag = arr.lastIndexOf(4) // -1

 Array.from

将伪数组变成数组,就是只要有length的就可以转成数组

let str = '12345'
console.log(Array.from(str))    // ["1", "2", "3", "4", "5"]
let obj = {0:'a',1:'b',length:2}
console.log(Array.from(obj))   // ["a", "b"]

 Array.of

将一组值转换成数组,类似于声明数组

let str = '11'
console.log(Array.of(str))   // ['11']

includes

判断数中是否包含给定的值

let arr = [1,2,3,4,5]
let arr1 = arr.includes(2)  
console.log(arr1)   // ture
let arr2 = arr.includes(9) 
console.log(arr2)    // false
let arr3 = [1,2,3,NaN].includes(NaN)
console.log(arr3)  // true

map

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

注意: map() 不会对空数组进行检测。注意: map() 不会改变原始数组。

 

let arr = [1, 2, 3],
    arr1 = arr.map((it, i, a) =>{
    return it
})

filter

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

注意: filter() 不会对空数组进行检测。注意: filter() 不会改变原始数组。

let arr = [1, 2, 3],
    arr1 = arr.filter((it, i, a) => {
      if (it == 2) {
        return it
      }
})

every

它会遍历数组, 在循环体内写条件, 如果每一项都是true, 就会返回true, 只要有一个是false, 就会返回false

注意: every() 不会对空数组进行检测。注意: every() 不会改变原始数组。

let arr = [1, 2, 3],
    flag = arr.every((it, i, a) => {
      return it > 2
})

find

返回数组中满足提供的测试函数的第一个元素的值 否则返回undefined

注意: find() 对于空数组,函数是不会执行的。注意: find() 并没有改变数组的原始值。

let arr = [1,2,3],
  arr1 = arr.find((it,i,a) => {
    return it == 2
})

findIndex

查找元素 返回找到的index, 找不到返回 -1

let arr = [1,2,3],
  arr1 = arr.findIndex((it,i,a) => {
    return it == 2
 })

for of

语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for...of 循环,以替代 for...in 和 forEach() ,并支持新的迭代协议。for...of 允许你遍历 Arrays(数组), Strings(字符串), Maps(映射), Sets(集合)等可迭代的数据结构等。

let arr = [1,2,3]
  for (const item of arr) {
      console.log(item);
  }

some

some会遍历数组中的每个元素,让每个值都执行一遍callback函数,如果有一个元素满足条件,返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素,则返回false。

注意: some() 不会对空数组进行检测。注意: some() 不会改变原始数组。

let arr = [1, 2, 3],
    flag = arr.some((it) => {
      return it == 2
})

reduce

计算数组元素相加后的总和,接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。对空数组是不会执行回调函数的。

两个参数1function(total,currentValue, index,arr),2initialValue 1.1total必需。初始值, 或者计算结束后的返回值,1.2currentValue必需。当前元素

let arr = [1, 2, 3],
    arr1 = arr.reduce((to, num, i, a) => {
      return to + num
}, 0)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值