ECMAScriptArray 数组常用艺术

(1)基本的数组方法

1.join()

Array.join()方法以数组中拥有因素都转发为字符串并连接在一道,返回最后生成的字符串。可以团结指定分隔的记,如果无点名,默认使用逗号

var arr = [1,2,3];
console.log(arr.join());//"1,2,3"
console.log(arr.join("-"));//"1-2-3"

var a = new Array(10); //长度为10的空数组 组成下边字符串
console.log(a.join("-"));//"---------"

2.reverse()
Array.reverse()方法以数组中之要素颠倒顺序,返回逆序的数组(返回的数组是其自我,原始数组已经改成了)

var arr = [1,2,3];
arr.reverse();
console.log(arr.join());//"3,2,1"

就此,如果想把一个字符串逆序的话语,可以如此

var str = "abcdefg";

console.log(str.split("").reverse().join(""));//"gfedcba" 返回的是新的值
console.log(str); //"abcdefg" 当然了,原始的是不会变的.

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

当不带参数时,默认按照顺序排序,也即是起小至死。当然,也可以直接被sort加一个比较函数比较

ECMAScript 1

var arr = [1,4,7];
arr.sort();
console.log(arr); //[1,4,7]

arr.sort(function(a,b){
  return a-b; //从小到大
});
console.log(arr); //[1,4,7]

arr.sort(function(a,b){
  return b-a; //从大到小
});
console.log(arr); //[7,4,1]


var num = new Array('one','three','Six','Five');
num.sort(); //区分大小写排序
console.log(num);  // ["Five", "Six", "one", "three"]
num.sort(function(s,t){
  var a = s.toLowerCase();
  var b = t.toLowerCase();
  if(a<b) return -1;
  if(a>b) return 1;
  return 0;
});
console.log(num); // ["Five", "one", "Six", "three"]

ECMAScript 2

4.concat()
Array.concat()方法创建并返一个初数组,它的因素包括调用concat()的原始数组的要素以及concat()的每个参数。

如若这些参数中的外一个本人是屡组,则连的是累组的元素,而非数组本身。

只是如果注意,concat()不见面递归扁平化数组的数组。concat()也无见面窜调用的数组。

ECMAScript 3

var arr = [1,2,3];

console.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(arr.concat(4,[5,[6,7]])); // [1, 2, 3, 4, 5,[6,7]]

ECMAScript 4

5.slice()
Array.slice()方法返回指定数组的一个片段或子数组。它的一定量个参数分别指定了有开始和结束的岗位(a,b)。返回的是于a开始至b的免包括b的数组元素。

而只来一个参数(a).则代表由a到数组结尾的元素。

一旦参数中冒出负数(-a).
则象征相对于数组中最终一个元素相距a的岗位。比如(-3)代表倒数第三个要素到终极。出现负数就先换算出来,然后按照限规则找出来

他为是归新的高频组,不会见窜原始数组

ECMAScript 5

var arr = [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]

ECMAScript 6

6. splice()
Array.splice()方法是于屡次组中插或者去除元素的通用方。它会修改原始数组的价,并赶回一个新的数组序列

splice()的第一只参数指定了插入或去的起首位置,第二独参数指定了应有于数组中删去的因素的个数。第二单参数省略则默认删到最后。

ECMAScript 7

var arr = [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]

ECMAScript 8

 

splice()的前片个参数指定了需要去的数组元素。紧随其后的妄动个数的参数指定了要插入到数组中之素,并自第一个参数代表的职务上马插入。

不等为上的concat(),splice()是直拿数组插进去,比如下面的[1,2]

ECMAScript 9

var arr = [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]

ECMAScript 10

7.push() pop() unshift() shift()

将这些主意看成栈操作就执行:前双方正常的栈操作,后双方是反向的栈操作

push()和unshift()往数组中于背后、前面添加元素,并回到新数组的长短

pop()和shift()删除数组中最终、最前边之要素,并赶回去的元素

ECMAScript 11

var arr = [];

console.log(arr.push(1,2,3));//3
console.log(arr);//[1, 2, 3]

console.log(arr.pop());// 3
console.log(arr);//[1,2]

console.log(arr.push([4,5]));//3
console.log(arr);// [1, 2, [4, 5]]

ECMAScript 12

ECMAScript 13

var arr = [];

console.log(arr.unshift(1,2,3));//3
console.log(arr);//[1, 2, 3]

console.log(arr.shift());// 1
console.log(arr);// [2, 3]

console.log(arr.unshift([4,5]));//3
console.log(arr);//[[4, 5], 2, 3]

ECMAScript 14

 

(2)ECMAScript5遭到之数组方法

当即同好像数组方法大多数有联合大致的条条框框。它们还无见面修改原始数组。

大部法的率先只参数接收一个函数,并且针对屡次组的每个元素(或一些素)调用一不成该函数。

    如果是稀疏数组,对无存在的元素不调用传递的函数;

    在大部分情形下,调用的此函数一般采取三独参数:数组元素、元素的目、数组本身。通常后少单参数为不需填写进去。

除却这里首先个参数(函数)之外,还有第二单参数(它是可选的),如果第二只参数有,则调用的函数将让看成是亚个参数的道。

    也就是说,在调用函数时传递进去的亚独参数作为其的this关键字之价值来采取。

 

1.forEach()

以此艺术漫天遍历数组,为每个数组调用指定的函数。

按照 Ctrl+C 复制代码

遵照 Ctrl+C 复制代码

ECMAScript 15

var data = [1,2,3,4,5];
var sum = 0;
data.forEach(function(value,item,data){  //调用的函数具有了三个参数
   data[item] = value*value; //取平方
});

console.log(data);//  [1, 4, 9, 16, 25]

ECMAScript 16

2.map()
斯点子将调用的数组中每个元素传递让指定的函数,并返回一个数组,它包含这个函数的归来值。

ECMAScript 17

var data = [1,2,3,4,5];
var data1 = data.map(function(value){
  return ++ value;
});

console.log(data); // [1, 2, 3, 4, 5]
console.log(data1);// [2, 3, 4, 5, 6]

ECMAScript 18

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

假如回到回值是true或者会转化为true的价值,那么传递给判定函数的元素即是者子集的积极分子,它将给上加到一个看作返回值的数组中。

ECMAScript 19

var data = [1,2,3,4,5];
var data1 = data.filter(function(value){
  return value <= 3;
});

var data2 = data.filter(function(value){
  return value > 3;
});

console.log(data); // [1, 2, 3, 4, 5]
console.log(data1);// [1,2,3]
console.log(data2);// [4,5]

ECMAScript 20

4.every()和some()
顾名思义,every()就是数组中因故元素都满足函数指定的规则时 返回true;
some()就是某一样项满足时虽赶回 true

ECMAScript 21

var data = [1,2,3,4,5];
var data1 = data.every(function(value){
  return value < 4;
});

var data2 = data.some(function(value){
  return value >4;
});

console.log(data); // [1, 2, 3, 4, 5]
console.log(data1);// false
console.log(data2);// true

ECMAScript 22

5.reduce()和reduceRight()
眼看半个章程运用指定的函数将数组元素进行结合,生成单个值。

reduce()有点儿个参数。第一个凡是实施化简操作的函数,就是说用某种方式将个别只值化简为一个值,并返回化简后的值。

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

ECMAScript 23

var data = [1,2,3,4,5];
var sum = data.reduce(function(a,b){
  return a+b;
});

var sum1 = data.reduce(function(a,b){
  return a+b;
},5);

var min = data.reduce(function(a,b){
  return (a<b)?a:b;
});

console.log(data); // [1, 2, 3, 4, 5]
console.log(sum);// 15
console.log(sum1);// 20
console.log(min);// 1

ECMAScript 24

sum中没第二独参数,所以初始值为第一个数组元素,第一步1+2=3,第二步3+3=6…
说到底得15
sum1中发生次个参数,所以初始值为5,第一步5+1=6,第二步6+2=8… 最终得20

 

reduceRight()和reduce()差不多,不同的凡它以数组索引自赛至低(从右到左)处理数组,而无是常规的于低及大。

ECMAScript 25

var data = ['a','b','c']; 
var str = data.reduce(function(x,y){  //顺序
  return x+y;
});

var str1 = data.reduceRight(function(x,y){  //逆序
  return x+y;
});

console.log(data);// [1, 2, 3]

console.log(str);//"abc"

console.log(str1);//"cba"

ECMAScript 26

6.indexOf()和lastIndexOf()
这法子寻找整个数组中装有让定值的元素,返回找到的素的目(找到了一个尽管退出了),没有找到则赶回-1.

一个遍,一个从尾至头

ECMAScript 27

var data = ['a','b','a','c','a']; 

console.log(data.indexOf('a')); //0
console.log(data.indexOf('d')); //-1
console.log(data.lastIndexOf('a'));//4

console.log(data.lastIndexOf('a',-2));//2  从倒数第二个开始
console.log(data.lastIndexOf('a',1));//0   从顺序第二个往前

ECMAScript 28

7.数组类型 isArray()
看清一个目标是匪是数组

ECMAScript 29

console.log(Array.isArray([]));//true
console.log(Array.isArray({}));//false

//模拟上边的
var isArray1 = Function.isArray||function(o){
  return typeof o === "object" &&
    Object.prototype.toString.call(o) === "[object Array]";
};

console.log(isArray1([]));//true
console.log(isArray1({}));//false

ECMAScript 30