博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript 学习笔记 【数组迭代方法】
阅读量:7114 次
发布时间:2019-06-28

本文共 1259 字,大约阅读时间需要 4 分钟。

hot3.png

数组迭代方法:

        ECMAScript 5 为数组定义了 5 个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响 this 的值。传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身。根据使用的方法不同,这个函数执行后的返回值可能会也可能不会影响方法的返回值。以下是这 5 个迭代方法的作用。

  1. every() :对数组中的每一项运行给定函数,如果该函数对每一项都返回 true ,则返回 true 。

  2. filter() :对数组中的每一项运行给定函数,返回该函数会返回 true 的项组成的数组。

  3. forEach() :对数组中的每一项运行给定函数。这个方法没有返回值。

  4. map() :对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。

  5. some() :对数组中的每一项运行给定函数,如果该函数对任一项返回 true ,则返回 true 。

以上方法都不会修改数组中的包含的值。

在这些方法中,最相似的是 every() 和 some() ,它们都用于查询数组中的项是否满足某个条件。

对 every() 来说,传入的函数必须对每一项都返回 true ,这个方法才返回 true ;否则,它就返回

false 。而 some() 方法则是只要传入的函数对数组中的某一项返回 true ,就会返回 true 。


console.log('数组函数的操作');

var arr = ['21', 'yangyulong', new Object(), [1,2,3]];

console.log('使用every函数');

var everyResulr = arr.every(function(item, index, array){

    // console.log(item, index, array);

    // return item > 2;

    return true;

});

console.log(everyResulr);

console.log('++++++++++++++数组的filter函数使用+++++++++++++++++++++++++++++');

var filterArr = arr.filter(function(item, index, array){

    return typeof item == 'object' ? true : false;

});

console.log(filterArr);

console.log('===============数组map函数的使用======================');

var mapArr = arr.map(function(item){

    return item + 100;

});

console.log(mapArr)


转载于:https://my.oschina.net/anziguoer/blog/544197

你可能感兴趣的文章
常看本地是否安装Git和maven工具
查看>>
JavaScript 将两个数组合并,且删除重复的值
查看>>
sql server统计字段的值在某些范围内中的个数
查看>>
UEFI EVENT 全解
查看>>
python时间模块小结
查看>>
BZOJ3997:[TJOI2015]组合数学(DP,Dilworth定理)
查看>>
C# Application.DoEvents() 处理队列消息,防界面假死。
查看>>
python基础===python实现截图
查看>>
Django模型
查看>>
Quartus中代码字体大小的调整方法
查看>>
配置url防盗链、目录权限访问控制Directory、文件访问权限控制FilesMatch
查看>>
【spring boot】4.spring boot配置多环境资源文件
查看>>
关于datepicker如何获取月中日长
查看>>
神经网络练习四-ex4
查看>>
通用for_each清理容器模板函数
查看>>
MVC5发布到IIS,出现HTTP 错误 404.0 - Not Found的完美解决方法
查看>>
c# 与 java 语法异同
查看>>
cleanup failed because the file not under version control问题的解决
查看>>
html+css+js实现滑动导航条(转载)
查看>>
BZOJ 2039人员雇佣
查看>>