当先锋百科网

首页 1 2 3 4 5 6 7

Javascript中ECMAScript数组相关方法操作 

操作方法：

 1，concat()；
 如果传递给concat（）方法的是一个或多个数组，则该方法会将这些数组中的每一项都添加到结果数组中。

 2，slice（）
 能够基于当前数组中的一或多个项创建一个新数组。不会影响原始数组。

 3，splice（）；
 主要用途是向数组的中部插入项，但使用这种方法的方式有如下3种：
     删除：可以删除任意数量的项，只需指定2个参数：要删除的第一项的位置和要删除的项数。例如，splice（0,2）会删除数组中的前两项
     插入：可以向指定位置插入任意数量的项，只需提供3个参数：起始位置、0（要删除的项数）和要插入的项。
     替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定3个参数：起始位置、要删除的项数和要插入的任意数量的项。
  注意：splice（）方法始终都返回一个数组，该数组中包含从原始数组中删除的项（如果没有删除任何项，则返回一个空数组）；
 

 1 var colols = ['red','green','blue'];
 2 var removed = colols.splice(0,1);
 3 console.log(colols); //  ["green", "blue"]
 4 console.log(removed);// ["red"]
 5 
 6 var colols2=['red','green','blue'];
 7 var removed2 = colols2.splice(1,0,'yellow','orange');
 8 console.log(colols2);  // ["red", "yellow", "orange", "green", "blue"]
 9 console.log(removed2);//[];
10 
11 var colols3=['red','green','blue'];
12 var removed3 = colols3.splice(1,1,'yellow','orange');
13 console.log(colols3);  // ["red", "yellow", "orange", "blue"]
14 console.log(removed3);//["green"];


  位置方法：
 
  ECMAScript5 为数组实例添加了两个位置方法：indexOf() 和 lastIndexOf(); 支持的浏览器 IE9+....
  这两个方法都接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中，indexOf（）方法从数组的开头（位置0）开始向后查找。lastIndexOf()方法从数组的末尾向前查找；
  这两个方法都返回要查找的项在数组中的位置，或者在没有找到的情况下返回-1，


1 var numbers = [1,2,3,4,5,6,7,4,5];
2 console.log(numbers.indexOf(4))   //  3
3 console.log(numbers.lastIndexOf(4)); // 7
4 console.log(numbers.indexOf(4,5)); // 7
5 console.log(numbers.lastIndexOf(4,6));  //3




  迭代方法：
 
  ECMAScript为数组定义5个迭代方法。每个方法都接收两个参数：要在每一项上运行的函数和（可选的）运行该函数的作用域对象---影响this的值。
 
  传入的这些方法中的函数会接收三个参数：数组项的值、该项在数组中的位置和数组对象本身
 
  every():对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true。
  filter（）：对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组。
  forEach（）：对数组中的每一项运行给定函数。这个方法没有返回值。
  map（）：对数组中的每一项运行给定函数，返回每次函数调用的结果组成数组。
  some():对数组中的每一项运行给定函数，如果该函数对任一项返回true，则返回true。
  以上这些方法都不会修改数组中的包含的值。
 
  在这些方法中，最相似的是every（）和some（），它们都用于查询数组中的项是否满足某个条件。
 
  对every（）来说，传入的函数必须对每一项都返回true，这个方法才返回true，否则它就返回false；
  对some（）来说，则是传入的的函数对数组中的某一项返回true，就会返回true；
  对filter()来说，它利用指定的函数确定是否在返回的数组中包含某一项。
  对map（）来说，也返回一个数组，而这个数组的每一项都是在原始数组中的对应项上运行传入的函数的结果；
  对forEach（）来说，它只是对数组中的每一项运行传入的函数。这个方法没有返回值，本质上与使用for（）循环迭代数组一样
  

 1 var num1 = [1,2,3,4,5,4,3,2,1];
 2 var everyResult = num1.every(function(item,index,array){
 3     return (item > 2)
 4 });
 5 console.log(everyResult);   // false
 6 
 7 var someResult = num1.some(function(item,index,array){
 8     return (item > 2);
 9 });
10 console.log(someResult);  // true;
11 
12 var filterResult = num1.filter(function(item,index,array){
13     return (item >2);    // 要返回一个所有数值都大于2的数组，如下：
14 });
15 console.log(filterResult);  // [3, 4, 5, 4, 3]
16 
17 var mapResult = num1.map(function(item,index,array){
18     return item*2;
19 });
20 console.log(mapResult);   //[2, 4, 6, 8, 10, 8, 6, 4, 2]
21 
22 num1.forEach(function(item,index,array){
23     //  TO DO...
24 })
25 
26 // 注意：支持这些迭代方法的浏览器有IE9+,......


  归并方法：
  ECMAScript5 新增了两个归并数组的方法：reduce()和reduceRight（）。这两个方法都会迭代数组的所有项，然后构建一个最终返回的值。
  reduce（）方法从数组中的第一项开始，逐个遍历到最后；
  reduceRight（）则从数组的最后一项开始，向前遍历到第一项。
 
  这两个方法都接收两个参数：一个在每一项上调用的函数和（可选的）作为归并基础的初始值。传给reduce（）和reduceRight()的函数接收四个参数：前一个值，当前值、项的索引值和数组对象。
  这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上，因此第一个参数是数组的第一项，第二个参数就是数组的第二项。
 

1 var num2= [1,2,3,4,5];
2 var sum = num2.reduce(function(prev,cur,index,array){
3     return prev + cur;
4 });
5 console.log(sum);   // 15


// 以上是使用reduce（）方法执行求数组中所有值之和的操作；reduceRight()方法类似，只不过方向相反而已；
// 注意：支持这两个归并函数的浏览器有  IE9+......