ES5数组方法
先标明参考出处: http://blog.csdn.net/codebistu/article/details/8049705
本来写过一篇有关数组新方法的(详见: [转]JavaScript函数和数组总结), 结果埋的太深找起来不方便, 在这儿专门来一篇总结下.
1. forEach
forEach(f [,o]): 此方法类似于for/in循环, 其作用是遍历整个数组并执行函数的某些操作, 但它不会遍历数组的属性. 它接受一个函数参数, 该函数可以有1,2与3个参数. 完整的三个参数分别为: 数组中的每一个值, 数组的索引, 数组本身. 这个函数没有返回值. 如:
var a = [0,1,2,3,4];
var sum = 0;
a.forEach(function(v, i, arr) {
sum += v;
console.log(arr[i]);
});
2. map
map(f [,o]): 类似于forEach()方法, 但它有返回值 --- 一个新数组, 它的参数函数必须有返回值, 参数函数的返回值作为新数组的元素. 其它用法与forEach()方法类似.
var a = [1,2,3,4,5];
var b = a.map(function(x, i, arr) {
return x*x;
}); console.log(a); // [1,2,3,4,5]
console.log(b); // [1,4,9,16,25]
3. filter
filter(f [, o]): 对数组元素进行过滤, 返回一个符合要求的新数组. 如:
var a = [1,2,3];
a[5] = 6; var b = a.filter(function(x, i, arr) {
return x !== undefined;
}); console.log(a); // [1,2,3,undefined,undefined,6]
console.log(b); // [1,2,3,6]
4. every
every(f [, o]): 有一个布尔类型的返回值, 函数参数f用来检测数组元素是否满足要求, 有且只有数组全部元素都满足f的要求 时, 才会返回true, 否则返回false.
var a = [1,3,7];
var flag = a.every(function(x, i, arr) {
return x < 5;
});
console.log(flag); // false
5. some
some(f [, o]): 与every()方法不同, 只要 有数组元素满足f的要求 就返回true, 否则返回false.
var a = [1,3,7];
var flag = a.some(function(x, i, arr) {
return x < 5;
});
console.log(flag); // true
6. reduce
reduce(f [, initial, index, array]): 对数组元素值进行计算, 返回最后一次计算的值. 函数f(x,y)接受两个参数, 如果有初始值, 则把初始值作为x计算, 然后把每一次的计算值作为下一次的x, 把数组元素依次作为y.
var a = [1,2,3,4,5];
var b = a.reduce(function(x, y) {
return x+y;
},0); // 0是初始值
console.log(b); //
7. reduceRight
reduceRight(): 与reduce()函数作用相同, 只是它从右向左依次取数组元素.
8. indexOf
indexOf(value [, start]): 根据值来找到相应在数组中的索引位置, 取多个匹配索引用最小的那个或在没有匹配的情况下返回-1.
9. lastIndexOf
lastIndexOf(value [, start]): 与indexOf()函数相似, 只是它是从后面向前面进行搜索.
ES5数组方法的更多相关文章
- ES5 数组方法map
概述 map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组. 语法 array.map(callback[, thisArg]) 参数 callback 原数组中的元素经 ...
- ES5 数组方法forEach
ES6已经到了非学不可的地步了,对于ES5都不太熟的我决定是时候学习ES5了. 1. js 数组循环遍历. 数组循环变量,最先想到的就是 for(var i=0;i<count;i++)这样的 ...
- ES5 数组方法every和some
Array.prototype.every() 概述 every() 方法测试数组的所有元素是否都通过了指定函数的测试. 语法 arr.every(callback[, thisArg]) 参数 ca ...
- ES5 数组方法reduce
reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始合并,最终为一个值. 参数 callback 执行数组中每个值的函数,包含四个参数 previou ...
- 《JS权威指南学习总结--7.9 ES5中的数组方法》
内容要点: ES5中定义了9个新的数组方法来遍历.映射.过滤.检测.简化和搜索数组. 概述:首先,大多数方法的第一个参数接收一个函数,并且对数组的每个元素(或一个元素)调用一次该函数. 如果是稀疏数组 ...
- 4日6日--ES5新增数组方法
forEach使用的函数调用,所以占内存比较大,不如定长for循环和迭代for循环 1.通过forEach将数组中的元素逐个表示出来(遍历方法,读取操作). 2.通过map将原数组中的元素进行算数运算 ...
- js数组定义和方法 (包含ES5新增数组方法)
数组Array 1. 数组定义 一系列数据的集合成为数组.数组的元素可以为任何类型的数据(包括数组,函数等),每个元素之间用逗号隔开,数组格式:[1,2,3]. 2. 数组创建方式 (1) 字面量方法 ...
- ES5新增数组方法测试和字符串常见API测试
首先是ES5新增数组方法测试: <!DOCTYPE html><html lang="en"><head> <meta charset=& ...
- ES5新增方法(数组,字符串,对象)
一.数组方法 迭代(遍历)方法:forEach().map().filter().some().every(): 1. array. forEach(function(value,index,arr) ...
随机推荐
- 动态规划——J 括号配对问题
J - 括号匹配 Time Limit:1000MS Memory Limit:65536KB 64bit IO Format:%I64d & %I64u Submit Sta ...
- 芭比娃娃 Barbara
芭比娃娃(芭比)是20世纪最广为人知及最畅销的玩偶,由Ruth Handler发明,于1959年3月9日举办的美国国际玩具展览会(American International Toy Fair)上首次 ...
- 《C专家编程》读书笔记
第一章 const float* 表示一个指向float类型常量的指针 第二章 1. 在c语言中const并非真正表示“常量”,在数组定义与case中不可以使用 2. case的一些问题 1: #in ...
- poj 3084 最小割
题目链接:http://poj.org/problem?id=3084 本题主要在构图上,我采用的是把要保护的房间与源点相连,有intruder的与汇点相连,相对麻烦. #include <cs ...
- Count the string - HDU 3336(next+dp)
题目大意:给你一个串求出来这个串所有的前缀串并且与前缀串相等的数量,比如: ababa 前缀串{"a", "ab", "aba", &quo ...
- 使用Listener准备application作用域数据
在程序中.有些数据我们希望在程序启动的时候就准备好,而且仅仅准备一次,放在application作用域中,这时候.我们一般会用Listener来准备这些数据. 可是,用Listener准备applic ...
- 2015湖南省选集训DAY5——work(BZOJ4177)
Description Mike有一个农场,这个农场n个牲畜围栏,如今他想在每一个牲畜围栏中养一仅仅动物,每仅仅动物能够是牛或羊,并且每一个牲畜围栏中的饲养条件都不同,当中第i个牲畜围栏中的动物长大后 ...
- Java并发学习之二——获取和设置线程信息
本文是学习网络上的文章时的总结,感谢大家无私的分享. Thread类的对象中保存了一些属性信息可以帮助我们辨别每个线程.知道它的一些信息 ID:每一个线程的独特标示: Name:线程的名称: Prio ...
- MySQL Replication, 主从和双主配置
MySQL Replication, 主从和双主配置 MySQL的Replication是一种多个MySQL的数据库做主从同步的方案,特点是异步,广泛用在各种对MySQL有更高性能,更高可靠性要求的场 ...
- HTML5新特性之Canvas+drag(拖拽图像实现图像反转)
1.什么是canvas 在网页上使用canvas元素时,会创建一块矩形区域,默认矩形区域宽度300px,高度150px.. 页面中加入canvas元素后,可以通过javascript自由控制.可以在其 ...