indexOf()
方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回 -1
。
接收两个参数时,第二个参数可设置开始查询元素的位置
const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];
console.log(beasts.indexOf('bison'));
// expected output: 1
// start from index 2
console.log(beasts.indexOf('bison', 2));
// expected output: 4
console.log(beasts.indexOf('giraffe'));
// expected output: -1
打印结果:
filter()
方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。
filter
方法接受两个参数:
- 第一个参数:一个回调函数,
filter
会将数据中的每一项都传递给该函数,若该函数返回 真值,则数据保存,返回 假值,则数据将不会出现在新生成的数据中 - 第二个参数:回调函数中
this
的指向
Set
对象允许你存储任何类型的唯一值,无论是原始值或者是对象引用。
- 首先,
Set
中只允许出现唯一值 - 唯一性是比对原始值或者对象引用
const originalArray = [1, 2, '咩', 1, 'Super Ball', '咩', '咩', 'Super Ball', 4]
const uniqueSet = new Set(originalArray)
// 得到 Set(5) [ 1, 2, "咩", "Super Ball", 4 ],是一个对象
const bySet = [...uniqueSet]
// 得到 Array(5) [ 1, 2, "咩", "Super Ball", 4 ],将对象里面的数据转换为数组
console.log(bySet)
// 在将 Set 转为 Array 时,也可以使用 Array.from(set)
// 即const bySet = Array.from(uniqueSet)
打印结果,成功去重:
reduce()
方法对数组中的每个元素执行一个由您提供的 reducer
函数(升序执行),将其结果汇总为单个返回值。
Array.prototype.reduce
方法接受两个参数:
-
Callback
:回调函数,它可以接收四个参数Accumulator
: 累计器,这个其实是让很多人忽略的一点,就是,累计器其实可以是任何类型的数据Current Value
:当前值Current Index
:当前值的索引Source Array
: 源数组
Initial Value
:累计器的初始值,就跟累计器一样,这个参数也总是被绝大多数人忽略
const originalArray = [1, 2, '咩', 1, 'Super Ball', '咩', '咩', 'Super Ball', 4]
const byReduce = originalArray.reduce((unique, item, index, source) => {
const exist = unique.includes(item)
const next = unique.includes(item) ? unique : [...unique, item]
console.group(`遍历第 ${index} 个值`)
console.log('当前累计器:', unique)
console.log('当前值:', item)
console.log('是否已添加进累计器?', exist)
console.log('新值', next)
console.groupEnd()
return next
}, [])
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/149808.html