最常用的JavaScript数组方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了最常用的JavaScript数组方法相关的知识,希望对你有一定的参考价值。

数组在我们开发中是最容易见到的, 比如我们的全国地理坐标数据,接口返回的json数据中也会有很多数组 数组中,我们常用的数组方法有数组遍历,根据索引值获取数组值,以及转换为字符串,数组拼接等等 将数组转化为字符串 转化为字符串方法分别是toString和join 两者区别在于join可以规定分隔符

let arr = [A,B,C,D]
// console.log(arr.toString())
console.log(arr.join(*))

数组的增删改查 数组的增删改查方法主要有pop, push, shift, unshift, splice pop是删除数组最后一条数据 push是在数组最后面添加一条数据 shift是删除数组最前面一条数据 unshift在数组最前面添加一条数据 splice可以更改数组,也可以删除数组元素 splice接受多个参数,第一个参数是开始的索引位置,第二个参数是删除几个,第三个参数和后面n个参数是添加的内容, 如果没有参数的话,那就是删除数组中的元素

let arr = [A,B,C,D]
 // arr.pop()
 // arr.push(E)
 // arr.shift()
 // arr.unshift(0)
 arr.splice(0,1,AA)  // 更改
 arr.splice(0,1)  // 删除
 console.log(arr)

数组拼接 数组拼接方法concat

let arr = [A,B,C,D]
var arrone = [E,F]
arr = arr.concat(arrone)
console.log(arr)

数组裁剪 数组裁剪的方法是slice slice接受两个参数,第一个参数是开始裁剪的数组索引位置,第二个参数结束的索引位置, 但是不包括最后一个索引对应的值,如果是一个参数,那么就从开始位置一直截取到最后

let arr = [A,B,C,D]
 // arr = arr.slice(0,3)
 arr = arr.slice(1)
 console.log(arr)

数组翻转 数组翻转方法是reverse

reverse方法可以对数组的顺序进行翻转

let arr = [A,B,C,D]
arr = arr.reverse()
console.log(arr)

数组遍历方法

最初接触数组的时候,我们会用到for循环

后面接触数组es6语法时,我们开始使用forEach等方法进行遍历

for循环

for(let i=0;i<arr.length;i++)
      console.log(arr[i])
    

forEach方法

forEach方法是数组的遍历方法

forEach或者map等方法都接受一个回调函数

回调函数里面接收三个参数

第一个参数是数组单元值

第二个参数是数组的索引值

第三个参数是数组本身

arr.forEach((item,index)=>console.log(item,index))

map方法

map方法是数组的映射方法,会生成一个新的数组

arr.map((item,index)=>console.log(item,index*2))

filter方法

filter方法是数组的过滤方法

let arrone = [
       name:吕恣瑞,age: 18 ,
       name:乔晓琳,age: 17 
    ];
    arrone = arrone.filter((item,index)=>
      return item.age >= 18
    );
    console.log(arrone)

every方法

every方法会检查数组中是否都满足条件,所有都满足条件了才会返回true

let arrone = [
       name:吕恣瑞,age: 18 ,
       name:乔晓琳,age: 17 
    ];
    arrone = arrone.every((item,index)=>
      return item.age >=17
    )
    console.log(arrone)

some方法

some方法是检查数组中某些值是否通过了条件,只要有一个通过条件的就会为true

let arrone = [
       name:吕恣瑞,age: 18 ,
       name:乔晓琳,age: 17 
    ]
arrone = arrone.some((item,index)=>
      return item.age >= 18 
    )
 console.log(arrone)

find方法

find方法用于数组的查找,返回第一个满足条件的单元值

let arrone = [
       name:乔晓琳,age: 17 ,
       name:吕恣瑞,age: 18 
    ]
arrone = arrone.find((item,index)=>
      return item.age > 15
    )
    console.log(arrone)

findIndex方法

findIndex方法也是数组的搜索方法,返回第一个满足条件的索引值

let arrone = [
       name:乔晓琳,age: 17 ,
       name:吕恣瑞,age: 18 
    ]
arrone = arrone.findIndex((item,index)=>
      return item.age >15
    )
    console.log(arrone)

以上便是数组最常用到的方法,谢谢大家的阅读,喜欢的可以点个关注,点个赞和在看欧

以上是关于最常用的JavaScript数组方法的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 中数组的一些常用方法

JavaScript数组常用方法

JavaScript 中的常用12种循环遍历(数组或对象)的方法

javascript类型系统

JavaScript数组的栈方法与队列方法

JavaScript数组的栈方法与队列方法