JavaScript常用的遍历数组的方法

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

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

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：遍历

摘要：中可以实现遍历的数据类型主要是对象，其中包括普通对象与数组。遍历器是一种接口，为各种不同的数据结构提供统一的访问机制。实例五遍历器对象实例五是的遍历过程，通过手动调用其对象的方法实现信息获取。为每个数组元素执行函数。前言将依据自身痛点学习，计划对原生JavaScript写一个系统，本文为第一篇，感兴趣的同学可以关注个人公众号：ZeroToOneMe，或者github博客，将持续...

ThinkSNS 2019-08-23 17:51 评论0 收藏0