ECMAScript 5中的数组方法

1、forEach()

forEach()方法从头至尾遍历数组,为每一个元素调用指定的函数。

var data=[1,2,3,4,5];
var sum=0;
data.forEach(functiion(value){sum+=value})//将每一个值累计到sum上

2、map()

map()方法将调用额数组的每个元素传递给指定的函数,并返回一个数组,它包含该函数的返回值。

a=[1,2,3];
b=a.map(function(x){return x*x})

3、filter()

filter()方法返回的数组元素是调用的数组的一个子集。字面意思为筛选

a=[5,4,3,2,1]

smallvalues=a.filter(function(x){return x<3})
//[2,1]

everyother=a.filter(function(x,i){return i%2==0})
//[5,3,1]

4、every()和some()

every()和some()方法是数组的逻辑判断,他们对数组元素应用指定的函数进行判断,返回true或false。

a=[1,2,3,4,5]
a.every(function(x){return <10})		//true
a.every(function(x){return x%2==0})	//false

5、reduce和reduceRight

reduce和reduceRight方法使用指定的函数将数组元素进行组合,生成单个值。第二个参数是传递给函数的一个初始值

var a=[1,2,3,4,5]
var sum=a.reduce(function(x,y){return x+y},0)		//数组求和即1+2+3+4+5
var product=a.reduce(function(x,y){return x*y},1)		//数组求积1*2*3*4*5
var max=a.reduce(function(x,y){return (x>y)?x:y})	//求最大值

reduceRight()的工作原理和reduce()一样,不同的是它按照数组索引从高到低处理数据,而不是从低到高。

5、indexOf和lastIndexOf()

indexOf()和lastIndexOf()搜索整个数组中具有给定值的元素,返回找到得第一个元素的的索引,如果没有找到则返回-1

这个函数就不用太多介绍了吧~

时间: 2024-08-06 16:05:04

ECMAScript 5中的数组方法的相关文章

字符串方法,js中的数组方法,ES5新增的数组方法,以及jQuery中的数组方法

说明:本片主要对比介绍与数组操作相关的方法 (一)字符串方法(String对象方法) indexOf() //检索字符串 lastIndexOf() //从后向前搜索字符串 match() //找到一个或多个正则表达式的匹配 replace() //替换与正则表达式匹配的子串 search() //检索与正则表达式相匹配的值 slice() //提取字符串的片断,并在新的字符串中返回被提取的部分 split() //把字符串分割为字符串数组 substr() //从起始索引号提取字符串中指定数目

关于在vue中结合数组方法的this的指向问题

最近在项目中遇到一个这样的小问题,在用数组方法结合vue的时候,this的指向不是当前的vue实例,直接看代码 allSelect: function() {   var _this = this;   console.log(_this)   this.checkId = [];   this.batchDealItem.forEach(function(item) {       //console.log(item.APPID)      _this.checkId.push(item.A

js中的数组方法

数组的方法有数组原型方法,也有从object对象继承来的方法,这里我们只介绍数组的原型方法,数组原型方法主要有以下这些: join()push()和pop()shift() 和 unshift()sort()reverse()concat()slice()splice()indexOf()和 lastIndexOf() (ES5新增)forEach() (ES5新增)map() (ES5新增)filter() (ES5新增)every() (ES5新增)some() (ES5新增)reduce(

javascript中常用数组方法详细讲解

javascript中数组常用方法总结 1.join()方法: Array.join()方法将数组中所以元素都转化为字符串链接在一起,返回最后生成的字符串.也可以指定可选的字符串在生成的字符串中来分隔数组的各个元素.如果不指定分隔符,默认使用逗号.案例如下: var a=[1,2,3]; a.join();//=> "1,2,3" 因为没有指定分隔符,默认为逗号. a.join("+");//=> "1+2+3" 指定分隔符为+ a.

JavaScript中常见数组方法原数组改不改变

改变原数组 1 pop():删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值.如果数组已经为空,则 pop() 不 改变数组,并返回 undefined 值.arrayObject.pop() 2 push(): push() 方法可把它的参数顺序添加到 arrayObject 的尾部. 它直接修改 arrayObject,而不是创建一个新的数组,arrayObject.push(newelement1,newelement2,….,newelementX

js 中的数组方法

//1.数组去重 var fruits = ["banana", "apple", "orange", "watermelon", "apple", "orange", "grape", "apple"]; //方法一 var arr = Array.from(new Set(fruits)) // console.log(arr) //[ 'ba

JavaScript中常用数组方法

1.concat() 连接不同的数组,组成一个新的数组: var a = [1,2,3]; var b = [4,5,6]; var c = a.concat(b);//[1,2,3,4,5,6]返回一个新的数组,不改变原数组 连接数值: var a = [1,2,3]; var b = a.concat(4, 5, 6);//[1,2,3,4,5,6]返回一个新的数组,不改变原数组 连接数值和数组: var a = [1,2,3]; var b = 4; var c = [5,6]; var

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(插入或删除

数组方法大全

数组的方法很多,ECMScript5又提供了好几种方法.有空把之前的云上的笔记整理了一下,方便自己以后查找使用. 一.ECMScript 3的Array.prototype中定义的方法 1.join()定义:将数组中所有的元素都转化为字符串拼接在一起,返回最后生成的字符串.注意:不改变原数组 var a = [1,2,3]; console.log(a.join()); //1,2,3 默认使用逗号分隔 console.log(a.join("")); //123 转化为字符串的常用方