数组方法-ES5

1、push() --从数组末尾添加参数,返回修改后数组的长度;(可传多个参数)

var animals = ['cat','dog','pig'];
var all = animals.push('bird');   //末尾推入一项
console.log(all);// 4

2、pop() --从数组末尾删除参数,返回值为删除元素(只删除一个);

var animals = ['cat','dog','pig','bird'];
var all = animals.pop();  //取得最后一项 
 console.log(all);  // bird

3、unshift() --从数组起始添加参数,返回修改后数组的长度;(可传多个参数)

var animals = ['cat','dog','pig'];
var all = animals.unshift('bird'); //起始推入一项
console.log(all);  // 4

4、shift() --从数组起始删除参数,返回值为删除元素(只删除一个)

var animals = ['cat','dog','pig','bird'];
var all = animals.unshift();    //取得起始一项
console.log(all);   // cat

5、splice()--

删除:删除任意数量的项,指定两个参数,要删除的第一项的位置和要删除得项数;

var animals = ['cat','dog','pig','bird']; 
var all = animals.splice(0,2);    //删除前两项
console.log(all);   // ["cat"]

插入:向指定位置添加任意数量的项,需提供三个参数:起始位置、0(要删除的项数)和要插入的项;

var animals = ['cat','dog','pig','bird'];
var all = animals.splice(2,0,'a','b','c');  //从第二项后插入
console.log(all);  // [] 

console.log(animals);  // ["cat", "dog", "a", "b", "c", "pig", "bird"]

替换:向指定位置添加任意数量的项,且同时删除任意数量的项,需提供三个参数:起始位置、要删除的项数和要插入的项;

var animals = ['cat','dog','pig','bird'];
var all = animals.splice(1,3,'a','b','c');  //从第一项后插入,删除后三项
console.log(all);  // ["dog", "pig", "bird"] 返回删除得项
console.log(animals);  // ["cat", "a", "b", "c"]

6、slice(start,end)--切去起始位置到结束位置的数组(不包含end),返回值为切出的数组

var animals = ['cat','dog','pig','bird','tiger'];
var frag = animals.slice(1,2);
var frag2 = animals.slice(1);
console.log(frag);  //["dog"]
console.log(frag2);  // ["dog", "pig", "bird",'tiger']

//如果slice()方法的参数中有一个负数,则用数组长度加上该数来确定相应的位置。例如,在一个包含5 项的数组上调用slice(-2,-1)与调用slice(3,4)得到的//结果相同。如果结束位置小于起始位置,则返回空数组。

var frag3 = animals.slice(-3);  //等同于 animals.slice(2)
var frag4 = animals.slice(-3,-1);   //等同于 animals.slice(2,4)

7、concat()--连接两个数组返回新数组

var colors = ["red","green","blue"];
var colors2 = colors.concat("yellow", ["black","brown"]);
alert(colors);  //red,green,blue
alert(colors2);  //red,green,blue,yellow,black,brown

8、sort()--按升序排列数组项,即最小的值位于最前面,最大的值排在最后面(默认是按照最左边的数字进行排序,不是按照数字大小排序的),返回值是排好的数组;

var values = [0,1,5,10,15];
values.sort();
console.log(values);//0,1,10,15,5
values.sort(function(a,b){
    returna - b;//由小到大排序,b-a由大到小排序
})

9、reverse()--反转数组项的顺序(默认是按照最左边的数字进行排序,不是按照数字大小排序的),返回值是反转后的数组;

var values = [1,22,3,43,5];
values.reverse();
console.log(values);//5,43,3,22,1

10、indexOf()--查找某个元素的索引值,若有重复的,则返回第一个查到的索引值若不存在,则返回-1

var numbers = [1,2,3,4,5,4,3,2,1];
alert(numbers.indexOf(4));   //3

11、lastIndexOf()--查找某个元素的索引值(从后往前),若有重复的,则返回第一个查到的索引值若不存在,则返回-1;

var numbers = [1,2,3,4,5,4,3,2,1];
alert(numbers.lastIndexOf(4));   //5

12、forEach(callback)--遍历数组。这个方法没有返回值;

var numbers = [1,2,3,4,5,4,3,2,1];
numbers.forEach(function(item,index,array{
        console.log(`value:${value}index:${index}array:${array}`)
})

13、every(callback)--根据条件判断,全部满足,则返回true,否则false;

var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.every((v,i) =>v <3);
alert(everyResult);  //false

14、filter(callback)--对数组进行过滤,返回满足条件的数组;

var numbers = [1,2,3,4,5,4,3,2,1];
var filterResult = numbers.filter((item, index, array) =>item >2);
alert(filterResult);  //[3,4,5,4,3]

15、map(callback)--映射数组(遍历数组),有return 返回一个新数组;

var numbers = [1,2,3,4,5,4,3,2,1];
var mapResult = numbers.map((item, index, array) =>item *2);
alert(mapResult);  //[2,4,6,8,10,8,6,4,2]

16、some(callback)--根据条件判断,有一个满足条件,则返回true;

var numbers = [1,2,3,4,5,4,3,2,1];
var someResult = numbers.map((item, index, array) =>item >2);
alert(someResult); //true

17、reduce()--方法接收一个函数 callback 作为累加器(accumulator),数组中的每个值(从左到右)开始合并,最终为一个值。

接收四个参数:
preValue: 上一次调用回调返回的值,或者是提供的初始值(initialValue)前一个值
curValue: 数组中当前被处理的数组项(当前值)
index: 当前数组项在数组中的索引值(项的索引)
array: 调用 reduce()方法的数组

说这么多还是看代码就清楚了

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

`第一次执行回调函数,prev 是1,cur 是2。第二次,prev 是3(1 加2 的结果),cur 是3(数组

的第三项)。这个过程会持续到把数组中的每一项都访问一遍,最后返回结果。

18、reduceRight()--功能和 reduce() 功能是一样的,不同的是 reduceRight() 从数组的末尾向前将数组中的数组项做累加;

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

`第一次执行回调函数,prev 是5,cur 是4。当然,最终结果相同,因为执行的都

是简单相加的操作。

使用reduce()还是reduceRight(),主要取决于要从哪头开始遍历数组。除此之外,它们完全

相同。`

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容