j**ascript Array 数组常用方法

时间:2016.04.22 发布人:wa**8q0vld6

j**ascript Array 数组常用方法

已解决问题

谷歌wa**8q0vld6用户在2016.04.22提交了关于“雷克萨斯esj**ascript Array 数组常用方法”的提问,欢迎大家涌跃发表自己的观点。目前共有1个回答,最后更新于2025-02-25T10:31:22。希望大家能够帮助她。

详细问题描述及疑问:期待您的答案,你就是当代的活雷锋,太感谢了 !

希望以下的回答,能够帮助你。

第1个回答

用户名:tangjinruogu  

(1)基本的数组方法

1.join()

Array.join()方法将数组中所有元素都转化为字符串并连接在一起,返回最后生成的字符串。可以自己指定分隔的符号,如果不指定,默认使用逗号

123456vararr=[1,2,3];console.log(arr.join());/映达试/"1,2,3"console.log(arr.问答join("-"));//"1-2-3"vara=newArray(10);/孔向/长度为10的空数组组成下边字符串console.log(a.join("-"));//"---------"

2.reverse()
Array.reverse()方法将数组中的元素颠倒顺序,返回逆序的数组(返回的数组是其本身,原始数组已经改变了)

123vararr=[1,2,3];arr.reverse(据至构云);console.log(arr.join());//"3,2,1"

所以,如果想把一个字符串逆序的话,可以这样

1234varstr="abcdefg";console.log(str.split("").reverse().join(""));//"gfedcba"返回的是新的值console.log(st让她缺矛雨鲁华云许教核r);//"abcdefg"当然了,原始的是不会变的.

3.sort()
Array.sort()方法将数组中的元素排序并返回排序后的数组。

当不带参数时,默认按照顺序排序,也就是从小到大。当然,也可以直接给sort加一个比较函数比较

123456素温父深操开再够谈7891011121314151617181920212223242526vararr=[1,4,7];arr.sort();console.log(arr);//[1,4,7]arr.sort(function(a,b){returna-b;//从小到大});console.log(arr);//[1,4,7]arr.sort(function(a,b){returnb-a;//从大到小});console.log(arr);//[7,4,1]var**m=newArray('one','three','Six','Five');n树术um.sort();//区分大小写排序console.log(**m);//["Five","Six","one","three"]**m.sort(function(s,t)月投划主台叶死技{vara=s.toLowerCase();varb=t.toLowerCase();if(a<b)return-1;if(a>b)ret胞urn1;return0;});console.log(**m);//["Five","one","Six","three"]

4.c对oncat()
Array.concat()方法创建并返回一个新数组,它的元素包括调用concat()的原始数组的元素和concat()的每个参数联消陈地医终变密困。

如果这些参数中的任何一个自身是数组,则连接的是数组的元素,而染非数组本身。

但要注意,concat()不会递归扁平化数组的数组。concat()也不会修改调用的数组。

1234567vararr=[1,2,3];co刘nsole.log(arr.concat(4,5));//[1,2,3,4,5]console.log(arr);//[1,2,3]console.log(arr.concat([4,5]));/块/[1,2,3,4,5]console.log(arr.concat([4,5],[6,7]));//[1,2,3,4,5,6,7]console.log(arr.concat([4,[5,[6,7]]]));//[1,2,3,4,[5,[6,7]]]console.log(ar基管增验元西另r.concat(4,[5,[6,7]]));//[1,2,3,4,5,[6,7]]

5.slice()
Array.slice()方法返回指定数组的一个片段或子数组。它的两个参数分别指定了片段开始和结束的位置(a,b)。返回的是从a开日吃但供班鲜重念始到b的不包括b的数组元素。
如果只有一个参数(a).则代表从a到数组结尾的元素。
如果参数**现负数(-a).则表示相对于数组中最后一个元素相距a的位置。比如(集院晚脚-3)代表倒数第三个元素到末尾。出现负数就先换算出来,然后按照范围规则找出来
他也是返回新的数组,不会修改原始数组

1234567vararr=[1,2,3,4,5];console.log(arr.slice(0,3));//[1,2,3]console.log(arr);//[1,2,3,4,5]console.log(arr.slice(3));//[4,5]console.log(arr.slice(-3));//[3,4,5]console.log(arr.slice(-3,-1));//[3,4]console.log(arr.slice(2,-1));//[3,4]

6.splice()
Array.splice()方法是在数组中插入或者删除元素的通用方法。它会修改原始数组的值,并返回一个新的数组序列

splice()的第一个参数指定了插入或删除的起始位置,第二个参数指定了应该从数组中删除的元素的个数。第二个参数省略则默认删到末尾。

12345vararr=[1,2,3,4,5,6,7,8];console.log(arr.splice(4));//[5,6,7,8]console.log(arr);//[1,2,3,4]console.log(arr.splice(1,2));//[2,3]console.log(arr);//[1,4]

splice()的前两个参数指定了需要删除的数组元素。紧随其后的任意个数的参数指定了需要插入到数组中的元素,并从第一个参数代表的位置开始插入。

不同于上边的concat(),splice()是直接把数组插进去,比如下面的[1,2]

12345vararr=[1,2,3,4,5];console.log(arr.splice(2,0,'a','b'));//[]console.log(arr);//[1,2,"a","b",3,4,5]console.log(arr.splice(2,1,[1,2],3));//["a"]console.log(arr);//[1,2,[1,2],3,"b",3,4,5]

7.push()pop()unshift()shift()
把这些方法看成栈操作就行:前两者正常的栈操作,后两者是反向的栈操作
push()和unshift()往数组中从后面、前面添加元素,并返回新数组的长度
pop()和shift()删除数组中最后、最前的元素,并返回删除的元素

12345678910vararr=[];console.log(arr.push(1,2,3));//3console.log(arr);//[1,2,3]console.log(arr.pop());//3console.log(arr);//[1,2]console.log(arr.push([4,5]));//3console.log(arr);//[1,2,[4,5]]12345678910vararr=[];console.log(arr.unshift(1,2,3));//3console.log(arr);//[1,2,3]console.log(arr.shift());//1console.log(arr);//[2,3]console.log(arr.unshift([4,5]));//3console.log(arr);//[[4,5],2,3]

(2)ECMAScript5中的数组方法

这一类数组方法大多数有统一大致的规则。它们都不会修改原始数组。
大多数方法的第一个参数接收一个函数,并且对数组的每个元素(或一些元素)调用一次该函数。

    如果是稀疏数组,对不存在的元素不调用传递的函数;
在大多数情况下,调用的这个函数一般使用三个参数:数组元素、元素的索引、数组本身。通常后两个参数也不需要填写进去。
除了这里第一个参数(函数)之外,还有第二个参数(它是可选的),如果第二个参数存在,则调用的函数将被看做是第二个参数的方法。
也就是说,在调用函数时传递进去的第二个参数作为它的this关键字的值来使用。

1.forEach()

这个方法从头至尾遍历数组,为每个数组调用指定的函数。

12345678vardata=[1,2,3,4,5];varsum=0;data.forEach(function(value){//只使用了第一个参数(函数),调用的函数也只使用了第一个参数数组元素sum+=value;});console.log(sum);//15console.log(data);//[1,2,3,4,5]1234567vardata=[1,2,3,4,5];varsum=0;data.forEach(function(value,item,data){//调用的函数具有了三个参数data[item]=value*value;//取平方});console.log(data);//[1,4,9,16,25]

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

1234567vardata=[1,2,3,4,5];vardata1=***.map(function(value){return++value;});console.log(data);//[1,2,3,4,5]console.log(data1);//[2,3,4,5,6]

3.filter()
这个方法返回的数组元素是调用的数组的一个子集。传递的函数是用来逻辑判定的,该函数返回true或false。

如果返回值是true或者能转化为true的值,那么传递给判定函数的元素就是这个子集的成员,它将被添加到一个作为返回值的数组中。

123456789101112vardata=[1,2,3,4,5];vardata1=data.filter(function(value){returnvalue<=3;});vardata2=data.filter(function(value){returnvalue>3;});console.log(data);//[1,2,3,4,5]console.log(data1);//[1,2,3]console.log(data2);//[4,5]

4.every()和some()
顾名思义,every()就是数组中所以元素都满足函数指定的条件时返回true;some()就是某一项满足时就返回true

123456789101112vardata=[1,2,3,4,5];vardata1=data.every(function(value){returnvalue<4;});vardata2=data.some(function(value){returnvalue>4;});console.log(data);//[1,2,3,4,5]console.log(data1);//falseconsole.log(data2);//true

5.re**ce()和re**ceRight()
这两个方法使用指定的函数将数组元素进行组合,生**个值。

re**ce()有两个参数。第一个是执行化简操作的函数,就是说用某种方法把两个值化简为一个值,并返回化简后的值。

          第二个参数可选,用来传递给第一个参数函数作为初始值。如果第二个参数没有,则初始值就使用数组的第一个元素值。

1234567891011121314151617vardata=[1,2,3,4,5];varsum=data.re**ce(function(a,b){returna+b;});varsum1=data.re**ce(function(a,b){returna+b;},5);varmin=data.re**ce(function(a,b){return(a<b)?a:b;});console.log(data);//[1,2,3,4,5]console.log(sum);//15console.log(sum1);//20console.log(min);//1

sum中没有第二个参数,所以初始值为第一个数组元素,第一步1+2=3,第二步3+3=6最后得15
sum1中有第二个参数,所以初始值为5,第一步5+1=6,第二步6+2=8最后得20

re**ceRight()和re**ce()差不多,不同的是它按照数组索引从高到低(从右到左)处理数组,而不是正常的从低到高。

123456789101112vardata=['a','b','c'];varstr=data.re**ce(function(x,y){//顺序returnx+y;});varstr1=data.re**ceRight(function(x,y){//逆序returnx+y;});console.log(data);//[1,2,3]console.log(str);//"abc"console.log(str1);//"cba"

6.indexOf()和lastIndexOf()
这个方法搜索整个数组中具有给定值的元素,返回找到的元素的索引(找到了一个就退出了),没有找到则返回-1.

一个从头至尾,一个从尾至头

12345678vardata=['a','b','a','c','a'];console.log(data.indexOf('a'));//0console.log(data.indexOf('d'));//-1console.log(data.lastIndexOf('a'));//4console.log(data.lastIndexOf('a',-2));//2从倒数第二个开始console.log(data.lastIndexOf('a',1));//0从顺序第二个往前

7.数组类型isArray()
判断一个对象是不是数组

1234567891011console.log(Array.isArray([]));//trueconsole.log(Array.isArray({}));//false//模拟上边的varisArray1=Function.isArray||function(o){returntypeofo==="object"&&Object.***.call(o)==="[objectArray]";};console.log(isArray1([]));//trueconsole.log(isArray1({}));//false