写点什么

总结篇:10 个常用的 JavaScript 函数

作者:devpoint
  • 2021 年 12 月 11 日
  • 本文字数:1447 字

    阅读完需:约 5 分钟

1. filter

此函数根据您提供的条件过滤数组,并返回一个包含满足这些条件的项目的新数组。


const temperatures = [10, 2, 30.5, 23, 41, 11.5, 3];const coldDays = temperatures.filter(dayTemperature => {    return dayTemperature < 20;});console.log("Total cold days in week were: " + coldDays.length); // 4
复制代码

2. map

函数map()非常简单,它遍历一个数组并将每个项目转换为其他内容。


const readings = [10, 15, 22.5, 11, 21, 6.5, 93];const correctedReadings = readings.map(reading => reading + 1.5);console.log(correctedReadings); // gives [11.5, 16.5, 24, 12.5, 22.5, 8, 94.5]
复制代码

3. some

some()与 非常相似filter(),但some()返回布尔值。


const animals = [    {        name: 'Dog',        age: 2    },        {        name: 'Cat',        age: 8    },     {        name: 'Sloth',        age: 6    },];if(animals.some(animal => {    return animal.age > 4})) {    console.log("Found some animals!")}
复制代码

4. every()

every()也非常类似于some(),但every()只有当数组中的每个元素都满足我们的条件时才为真。


const isBelowThreshold = (currentValue) => currentValue < 40;const array1 = [1, 30, 39, 29, 10, 13];console.log(array1.every(isBelowThreshold));   // true
复制代码

5. shift()

shift()方法从数组中移除第一个元素并返回移除的元素。此方法更改数组的长度。


const items = ['meat', 'carrot', 'ham', 'bread', 'fish'];items.shift()console.log(items); // ['carrot', 'ham', 'bread', 'fish']
复制代码

6. unshift()

就像shift()方法从数组中删除第一个元素unshift()添加它一样。此方法更改数组的长度并返回数组的新长度作为结果。


const items = ['milk', 'fish'];items.unshift('cookie')console.log(items); // ['cookie', 'milk', 'fish']
复制代码

7. slice()

slice()方法将数组的一部分的浅拷贝返回到从开始到结束(不包括结束)选择的新数组对象中,其中开始和结束表示该数组中项目的索引。不会修改原始数组。


let message = "The quick brown fox jumps over the lazy dog";let startIndex = message.indexOf('brown');let endIndex = message.indexOf('jumps');let newMessage = message.slice(startIndex, endIndex);console.log(newMessage); // "brown fox "
复制代码

8. splice()

splice() 下面从数组的索引 2(第三个位置,计数从 0 开始!)开始,并删除一项。


在我们的数组中,这意味着“rabbit”被移除了。splice()将返回一个新数组作为结果。


const animals = ['dog', 'cat', 'rabbit', 'shark', 'sloth'];animals.splice(2, 1);console.log(animals); // ["dog", "cat", "shark", "sloth"]
复制代码

9. includes()

includes()将检查数组中的每一项,并检查其中是否有任何一项包含我们的条件。它将返回一个布尔值。


const array1 = [1, 2, 3];console.log(array1.includes(2));// expected output: trueconst pets = ['cat', 'dog', 'bat'];console.log(pets.includes('cat'));  //  trueconsole.log(pets.includes('at'));  //  false
复制代码

10. reverse()

reverse()方法反转数组。要小心,因为它reverse()是破坏性的,这意味着它会改变原始数组。


const array1 = ['one', 'two', 'three', 'four'];console.log(array1);  //  ["one", "two", "three", "four"]const reversed = array1.reverse();console.log(reversed);  //  ["four", "three", "two", "one"]
复制代码


发布于: 6 小时前阅读数: 6
用户头像

devpoint

关注

细节的追求者 2011.11.12 加入

专注前端开发,用技术创造价值!

评论

发布
暂无评论
总结篇:10个常用的 JavaScript 函数