JavaScript常用的遍历数组的方法

oneasp 发布于2019-08-22 13:50 / 2844人阅读

摘要：找到年龄大于的动物方法遍历整个数组里，返回一个新数组，新数组里的元素经过的指定回调函数的处理。

forEach() 方法

遍历数组里的每个元素，直接在回调函数里对每个元素进行操作，没有返回值。

let animals = ["dog", "cat", "pig"];
animals.forEach( item => {
    console.log(item);
});

filter() 方法

过滤数组中的某些元素，在回调函数中设置条件，不满足的都会被过滤掉，返回一个新数组。

let animals = [
    {name: "dog", age: 2}, 
    {name: "cat", age: 5}, 
    {name: "pig", age: 1}, 
    {name: "peacock", age: 8}
];
let newAnimals = animals.filter( item => {
    // 找到年龄大于3的动物
    return item.age > 3;
});

console.log(newAnimals);

map() 方法

遍历整个数组里，返回一个新数组，新数组里的元素经过的指定回调函数的处理。

let animals = [
    {name: "dog", age: 2}, 
    {name: "cat", age: 5}, 
    {name: "pig", age: 1}, 
    {name: "peacock", age: 8}
];
let newAnimals = animals.map( item => {
    // 每种动物的年龄加个单位"年"
    item.age = item.age + "年";
    return item;
});

console.log(newAnimals);

every() 方法

对数组中的每个元素都执行回调函数，直到此函数返回 false；如果回调函数对每个元素执行后都返回 true ，every 将返回 true。

let passed = [12, 5, 8, 130, 44];
let result = passed.every( item => {
    console.log(item);
    // 结果：12
    // 结果：5
    return (item >= 10);
});

console.log(result); // 结果：false

passed = [12, 54, 18, 130, 44];
result = passed.every( item => {
    console.log(item);
    // 结果：12
    // 结果：54
    // 结果：18
    // 结果：130
    // 结果：44
    return (item >= 10);
});

console.log(result); // 结果：true

some() 方法

对数组中的每个元素都执行回调函数，直到此函数返回 true；如果回调函数对每个元素执行后都返回 false ，some 将返回 false。

let passed = [2, 5, 8, 1, 4];
let result = passed.some( item => {
    console.log(item);
    // 结果：2
    // 结果：5
    // 结果：8
    // 结果：1
    // 结果：4
    return (item >= 10);
});

console.log(result); // 结果：false

passed = [12, 5, 8, 1, 4];
result = passed.some( item => {
    console.log(item);
    // 结果：12
    return (item >= 10);
});

console.log(result); // 结果：true

云服务器 GPU云服务器 jquery常用的方法常用的数据统计方法常用的数据挖掘方法数据分析的常用方法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92511.html

javascript的几种常见遍历数据结构的语法

摘要：接触这么多年，第一次总结一下它的遍历语法。而且你必须借助特定的结构才能遍历数据结构。它的作用是遍历对象的键名。建议仅在遍历数组的时候使用。另一个优点是，它可以遍历任何部署了接口的数据结构，甚至是非的数据类型，即自己定义的数据结构。接触JavaScript这么多年，第一次总结一下它的遍历语法。以前我大部分时间都在老版本的JavaScript下写代码，所以大部分时间都是用for...in...

kohoh_ 2019-08-22 10:41 评论0 收藏0
JavaScript Array 整理 - 遍历操作

摘要：描述此函数用来遍历数组的每一个元素，回调的返回值有意义，返回时，数组停止循环。问题一个数组最多可以有多长中规定，数组的长度会使用转化，即。这是我的原创文章，原文地址：http://lpgray.me/article/48/ 今天谈谈基础，在前端开发中，Array的基础操作很是频繁多见，在ES5中有许多Array的新特性，但是对于我等中国的码农，尤其是PC前端狗整天就与IE678打交道...

mengera88 2019-08-21 10:25 评论0 收藏0
JavaScript：对Object对象的一些常用操作总结

摘要：一可以用作对象的复制可以用作对象的合并注意目标对象自身也会改变。对象四返回一个数组，包括对象自身的不含继承的所有可枚举属性不含属性的键名。该方法返回被冻结的对象。方法判断一个对象是否被冻结。 JavaScript对Object对象的一些常用操作总结。一、Object.assign() 1.可以用作对象的复制 var obj = { a: 1 }; var copy = Object....

马龙驹 2019-08-23 12:46 评论0 收藏0
前端常用代码片段(四)

摘要：尽量避免使用表达式又称动态属性。使用计算数组中的重复项如果你想计算数组中的每个值有多少重复值，也可以快速帮到你。前端常用代码片段(一) 点这里前端常用代码片段(二) 点这里前端常用代码片段(三) 点这里前端常用代码片段(四) 点这里前端常用代码片段(五) 点这里前端常用代码片段(六) 点这里 1.简述一下你对HTML语义化的理解？并写出一段语义化的HTML？语义化是指根据内容的结...

worldligang 2019-08-23 14:41 评论0 收藏0
JavaScript es5中的Array常用的forEach、map、filter、indexOf

摘要：的的区别和相同之处就是数组的遍历循环，回调支持三个参数，第个是遍历的数组内容第个是对应的数组索引，第个是数组本身他是没有返回值得，不需要再下面，更进一步，除了接受一个必须的回调函数参数，还可以接受一个可选的上下文参数改变回调函数里面 Array的forEach、map的区别和相同之处 forEach 1、 forEach就是数组的遍历、循环，回调支持三个参数，第1个是遍历的数组内容；...

xuexiangjys 2019-08-20 15:37 评论0 收藏0