ES5新增数组方法every()、some()、filter()、map()

JavaScript ES5标准中新增了一些Array方法,如every()、some()、filter()、map()。它们的出现使我们能够更加便利地操作数组,但对IE9以下浏览器的兼容性比较差。下面来看一下它们的用法。

//数组中的元素全部满足指定条件返回true
//运行结果为false
var checknum = [15,3,2,6,7,1,9,10];
var checkresult = checknum.every(function(item,index,array){
      return item > 1 ;
});
alert(checkresult);
//数组中的元素部分满足指定条件返回true
//运行结果为false
var checknum = [15,3,2,6,7,1,9,10];
var checkresult = checknum.some(function(item,index,array){
     return item > 15;
});
alert(checkresult);
//把符合条件的项目组成一个新的数组
var checknum = [15,3,2,6,7,1,9,10];
var checkresult = checknum.filter(function(item,index,array){
       return item > 3;
 });
checkresult.forEach(function(value, index, array){
       console.log(value);
})
//对数组元素进行运算并将运算结果
var checknum = [15,3,2,6,7,1,9,10];
var checkresult = checknum.map(function(value, index, array){
     return ‘新值:‘ + parseInt(value + 1);
});
checkresult.forEach(function(value, index, array){
     console.log(value);
 })

运行效果

时间: 2024-10-24 22:59:56

ES5新增数组方法every()、some()、filter()、map()的相关文章

ES5新增数组的方法

1.Array.indexof(value1,value2) Tip:用于返回某个数组或字符串中规定字符或者字符串的位置. (1)当Array.indexof(value1);里面只有一个值的时候,表示value1在arr数组里面的我们想要得到查找的值. var arr = [11,12,13,14,15,16,"hello",17]; var i = arr.indexOf(13);//表示13在数组中的索引 var a = arr[i];//在下面我们console.log我们可以

ES5 对数组方法的扩展 以及 正则表达式

ES5 对数组的扩展 forEach map some every indexOf lastIndexOf forEach 与 map 语法: 数组.forEach(function ( v, i ) { }) 数组.map(function ( v, i ) {}) 1.   forEach 就是在模拟 jq 中 each 例:var arr = [ 11, 22, 33 ];        var res = arr.forEach(function ( v, i ) {          

ES5新增Array方法总结

ES5定义了9个新的数组方法来遍历.映射.过滤.检测.简化和搜索数组. 概述:大多数方法的第一个参数接收一个函数,并且对数组的每个元素调用一次该还是,如果是稀疏数组,对不存在的数组元素不调用传递的函数.在大多数情况下,调用提供的函数使用3个参数:数组元素.元素的索引和数组本身.通常,都只需要第一个参数值. 浏览器支持: Opera 11+ Firefox 3.6+ Safari 5+ Chrome 8+ Internet Explorer 9+ 如果需要IE6-IE8页支持该方法,可以通过将Ar

ES5新增数组的方法 (indexof/forEach/map/filter)

新增的数组常见方法:以下说明中,红色为必选参数,蓝色为可选参数 1.indexOf(data,start); 用于返回某个数组或者字符串中规定字符或者字符串的位置: var arr = ["a","b","c","d","e"]; arr.indexOf("a"); //0 //返回当前查询字符所在的位置的下标,如果查询不到,返回-1,start表示从第几位开始查询. 2.forEach

ES5新增 数组,字符串,对象方法

数组新增方法 迭代方法:forEach() map() filter() some() every() forEach() // array.forEach(function (currentValue, index, arr)); // currentValue:数组当前项的值 // index: 数组当前项的索引 // arr:数组对象本身 var arr = [1, 2, 3]; arr.forEach(function(value, index, array) { console.log

数组方法重写:forEach, map, filter

Array.prototype.myForEach = function(fn) { var arr = this, len = arr.length, arg2 = arguments[1] || window; for(var i = 0; i < len; i++) { fn.apply(arg2, [arr[i], i, arr]); } }; Array.prototype.myFilter = function(fn) { var arr = this, len = arr.leng

数组方法汇总

1,javascript提供的原型方法有:join(),push(),pop(),shift(),unshift(),concat(),slice(),splice(),sort(),reverse() 1)join(separator):将数组以分隔符连接起来,返回连接后的字符串,默认以','分隔. var arr = [1,2,3]; arr.join(); //1,2,3 arr.join('-') //1-2-3 2)push()&pop() push():接收任意数量参数,并添加至数组

ES5中数组新增的方法说明

一.前言-索引 ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了. ES5中新增了写数组方法,如forEach (js v1.6), map (js v1.6) ,filter (js v1.6),some (js v1.6),every (js v1.6),indexOf (js v1.6),lastIndexOf (js v1.6),reduce (js v1.8),reduceRight (js v1.8) 浏览

js(3)——数组方法——函数——解构赋值

<JavaScript权威指南>读后笔记2 ---- 表达式与运算符 ---- 2018-04-23 目录 数组方法 函数:属性.方法.构造函数 const .let.var 解构赋值 1. 数组方法 join() reverse() sort() concat()  :a=[''ant','cat'];a.concat(4,3);  结果为:[ant,cat,4 ,3] slice(开始位置,结束位置-可选):索引从0开始:返回本身的值. splice() 1 // splice(插入或删除