最常用的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)

最常用的JavaScript数组方法 数组遍历方法

最初接触数组的时候,我们会用到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)

最常用的JavaScript数组方法 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)

最常用的JavaScript数组方法 findIndex方法

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

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

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

秒客网

最常用的JavaScript数组方法

相关文章