javascript中有用的数组方法

举报
搞前端的半夏 发表于 2022/05/31 20:58:18 2022/05/31
【摘要】 在JavaScript数组中提供了很多内置的方法来方便我们操作数据!本文主要介绍一些常用的数组方法! some()some 是一个返回布尔值的数组方法。它将测试数组中至少一个满足给定条件的元素。如果测试为真,那么它将停止对数组的其余部分进行测试。如果测试条件为假,它将搜索剩余的元素,如果所有测试都失败,它将返回假。const arr=[1,2,3,4,5,6,7,8,9]const resu...

在JavaScript数组中提供了很多内置的方法来方便我们操作数据!本文主要介绍一些常用的数组方法!

some()

some 是一个返回布尔值的数组方法。它将测试数组中至少一个满足给定条件的元素。如果测试为真,那么它将停止对数组的其余部分进行测试。如果测试条件为假,它将搜索剩余的元素,如果所有测试都失败,它将返回假。

const arr=[1,2,3,4,5,6,7,8,9]
const result=arr.some(item=>item<9)
console.log(result)

这里它会检查里面的元素是否小于 9,所以它会首先从索引 0 开始检查,即“1”,因为 1 小于 9,它将停止进一步检查,所以它会返回 true。

const arr=[1,2,3,4,5,6,7,8,9]
const result=arr.some(item=>item>9)
console.log(result)

这里它将检查里面的元素是否大于 9,所以它会首先从索引 0 开始检查,即“1”,因为 1 小于 9,它将继续检查,所以它会返回 false,因为没有一个元素大于大于 9。

every

every 是一个返回布尔值的数组方法。每个方法都与某些方法非常相似,不同之处在于它将检查每个数组元素是否通过给定回调函数实现的测试。它将测试是否所有元素都满足条件,然后只有它会返回真或假。

const arr=[1,2,3,4,5,6,7,8,9]
const result=arr.every(item=>item<10)
console.log(result)
const arr=[1,2,3,4,5,11,7,8,9]
const result=arr.every(item=>item<10)
console.log(result)

find()

find 方法的基本功能是搜索满足回调函数中给定条件的元素。它返回满足条件的第一个元素,否则如果条件不满足,它将返回undefined 。

const users=[{name:"1",age:11},{name:"2",age:22},{name:"3",age:33}]
console.log(users.find(item=>item.name=="1"))

findIndex()

findIndex 方法的基本功能是搜索满足回调函数中给定条件的元素并返回其索引值。就像find()它返回满足条件的第一个元素索引,否则如果条件不满足,它将返回**-1 。**

const users=[{name:"1",age:11},{name:"2",age:22},{name:"3",age:33}]
console.log(users.findIndex(item=>item.name=="khan2"))

reverse()

顾名思义,这将反转数组。


const arr=[1,2,3,4,5,6,7,8,9]
console.log(arr.reverse())
//输出结果:[ 9, 8, 7, 6, 5, 4, 3, 2, 1 ]

map()

这是javascript中最常用的方法之一。每当您想转换数组中的所有值时,都应该使用map()。它返回一个新数组,其中包含所有元素的回调函数条件的结果。

const arr=[1,2,3,4,5,6,7,8,9]
const newArr=arr.map(element=>element+1)
console.log(newArr)
//输出结果:[ 2, 3, 4, 5, 6, 7, 8, 9, 10 ]

forEach()

orEach 循环遍历每个元素并对每个数组元素执行其回调函数。

**forEach()map()**有何不同?

  • forEach 不返回新数组。
  • forEach 可以改变原始数组·

const array = [1, 2, 3, 4, 5]
array.forEach((item) => console.log(item+1))
//输出结果
//2
//3
//4
//5
//6

sort()

型是升序,基于将元素转换为字符串,然后根据 UTF-16 代码单元值比较它们。

const array = [1, 2, 4, 3, 2]
array.sort()
//输出结果:[1, 2, 2, 3, 4]

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。