美文网首页
《JavaScript高级程序设计》之数组的方法总结

《JavaScript高级程序设计》之数组的方法总结

作者: 柯基糖 | 来源:发表于2016-10-25 09:29 被阅读0次

1、数组的栈方法(后进先出):push()是向最后一项推元素进入;pop()方法是取到最后一个元素;

2、数组的队列方法(先进先出):shift()是取得第一项元素,和push方法组成了队列方法;

3、数组的反队列方法:unshift()可以是push()的反方法,向前端添加任意个元素,而和pop()取得最后一个元素的方法连用的话,则是反队列方法。

4、数组的重排列方法:
reverse()方法仅仅是将数组中的值进行反转,不管顺序。
而sort()方法是将数组重的值进行升序排列,但是是按照字符串进行排列。因此可以利用比较函数compare()来进行两个值得升序排列,例如这样:[数组].sort(compare)。

5、数组的操作方法:

concat()函数,[数组].concat("A",["B","C"]),将参数(单项或者整个数组)逐个追加至已有数组的末尾,如果没有参数仅仅是复制该数组;

slice()函数,是从已有数组中取出元素(包含起始元素,但那不包含结束元素),如果是负数参数,则用数组长度加上该值后的范围进行取值,如果是起始<结束元素,则返回空数组;
splice()函数有三种用法,返回的是删除后的项组成的数组,如果没有删除,则返回空数组。

①删除任意数量的项,需要2个参数splice(起始项,删除的项数),包括起始项在内。

②插入任意数量的项,需要3个参数,splice(起始项,0,插入的任意多个项)。

③替换项,需要3个参数,splice(起始项,删除的项数,插入的任意多个项)。

6、数组的位置方法

IndexOf(要查找的项[,起始查找项的位置]),从前往后查找

var num=[1,2,3,4,5,4,3,2,1];
num.IndexOf(4);   //3
num.IndexOf(4,4);   //5

LastIndexOf(要查找的项[,起始查找项的位置]),从后向前查找

var num=[1,2,3,4,5,4,3,2,1];
num.LastIndexOf(4);   //5
num.LastIndexOf(4,4);   //3

返回值都是查找项的索引值,没找到返回-1。

特殊用法:
var person={"name":"nk","age":"23"};

var people=[{"name":"nk","age":"23"}];
var morePeople=[person];

people.IndexOf(person);   //-1
morePeople.IndexOf(person);   //0

7、数组的迭代方法

这些方法接受三个参数:数组的项,项的索引,数组本身

every(),每一项运行给定函数,每一项都返回true,则返回true;

var numbers=[1,2,3,4,5,6];
var everyRuselt=numbers.every(function(item,index,array){
    return item>2;
});
console.info(everyRuselt);    //false

some(),每一项运行给定函数,某一项返回true,则返回true;

var numbers=[1,2,3,4,5,6];
var someRuselt=numbers.some(function(item,index,array){
    return item>2;
});
console.info(someRuselt);    //true

filter(),每一项运行给定函数,返回返回值为true项组成的数组;

var numbers=[1,2,3,4,5,6];
var filterRuselt=numbers.filter(function(item,index,array){
    return item>2;
});
console.info(filterRuselt);    //[3,4,5,6]

foreach(),每一项运行给定函数,没有返回值;

var numbers=[1,2,3,4,5,6];
var foreachRuselt=numbers.foreach(function(item,index,array){
    //执行某些操作
});
console.info(foreachRuselt);    //无返回值

map(),每一项运行给定函数,返回每项调用函数后的结果组成的数组。

var numbers=[1,2,3,4,5,6];
var mapRuselt=numbers.map(function(item,index,array){
    return item+2;
});
console.info(mapRuselt);    //[3,4,5,6,7,8]

8、数组的缩小方法

reduce()方法和reduceRight()方法,操作相同,执行顺序相反。

这些方法接受四个参数:pre,cur,index,array;第一次调用会将前两项进行操作,将结果值返回给函数第二次调用的第一项pre参数。

var num=[1,2,3,4,5];
num.reduce(function(pre,cur,index,array){
    console.info(pre+cur);   //15
});

相关文章

网友评论

      本文标题:《JavaScript高级程序设计》之数组的方法总结

      本文链接:https://www.haomeiwen.com/subject/hzrtuttx.html