js数组的各种方法
1.检测数组
①Instanceof:
if(value instanceof Array){
}
它假定只有一个全局执行环境,若网页中包含多个框架,则存在多个不同的全局执行环境,则Instanceof不能正确检测;
② Array.isArray()
无论几个全局执行环境都可以;
if(Array.isArray(value)){
}
2.转换方法
③ toString()
会返回数组的每个值拼接起来的字符串(以逗号分隔);不会影响原数组;
var colors=['red','black','blue'];
colors.toString();//red,black,blue
④ valueOf()
返回数组; 不会影响原数组;
var colors=['red','black','blue'];
colors.valueOf();// ["red", "black", "blue"]
var colors=['red','black','blue'];
alert(colors.valueOf());//red,black,blue
//因为alert()要接受字符串参数,所以其会在后台调用toString()方法,所以弹出的是字符串
⑤ toLocaleString()
与上两个相同;
⑥ join()
接收一个参数,用作字符串的分隔符,返回字符串; 不会影响原数组;
var colors=['red','black','blue'];
colors.join('||');// red||black||blue
3.栈方法
⑦ push()
将接受到的参数添加到数组末尾,返回字符串的长度; 影响原数组;
var colors=['red','black','blue'];
colors.push('green','pink'); //5
⑧ pop()
移除数组末尾的最后一项,返回移除的项;影响原数组;
var colors=['red','black','blue'];
colors.pop(); //blue
pop()和push()结合使用,可以实现队列方法;
4.队列方法
⑨ shift()
移除数组的第一项,并返回该项;影响原数组;
1 var colors=['red','black','blue'];
2 colors.shift(); //red
⑩ push()
shift()和push()结合使用,可以实现队列方法;
11. unshift()
将接受到的参数添加到数组前端,返回字符串的长度;
var colors=['red','black','blue'];
colors.unshift("green"); //4
5.重排序方法
12. reverse()
反转数组项顺序,改变数组本身,返回数组本身;;
var number=[1,2,3,5,4];
value=number.reverse(); //[4, 5, 3, 2, 1]
console.log(value) // [4, 5, 3, 2, 1]
console.log(number) // [4, 5, 3, 2, 1]
13.sort()
改变数组本身的值,返回数组本身;
var number=[1,2,3,5,4];
value=number.sort(compare); //[1,2,3,4,5 ]
function compare(a,b){
return a-b;
}
console.log(number); //[1, 2, 3, 4, 5]
6.操作方法
14. concat()
连接几个数组,返回新构建的数组;不会影响数组本身;
var colors=['red','black','blue'],col=["pink","green"],colo=['brown'];
colors.concat(col,colo,'yellow');
//["red", "black", "blue", "pink", "green", "brown", "yellow"]
15. slice()
接受1或2个参数,即返回项的起始和结束位置;不会影响数组本身;
var colors=['red','black','blue'];
colors.slice(1,2); //["black"]
colors.slice(1); // ["black", "blue"]
16. splice()
原数组随之改变;返回删除的项(数组形式),若未删除则返回空数组;
输入2个参数: 起始位置和要删除的数组长度;
删除:
var colors=['red','black','blue'];
colors.splice(1,2); //["black", "blue"]
console.log(colors); //["red"]
输入3个参数:
插入: 起始位置,要删除的数组长度(0),要插入的项;
var colors=['red','black','blue'];
colors.splice(1,0,'green'); //[]
console.log(colors); //["red", "green", "black", "blue"]
替换: 起始位置,要删除的数组长度,要插入的项;
var colors=['red','black','blue'];
colors.splice(1,1,'green','purple'); //["black"]
console.log(colors); //["red", "green", "purple", "blue"]
7.位置方法
17. indexOf() :从开头往后查找
输入:要查找的项和(查找起点位置的索引){默认为0};返回要查找的项在数组中的位置;
var colors=['red','black','blue','black','green'];
colors.indexOf('black'); //1
colors.indexOf('black',2); //3
18.lastIndexOf() :从末尾往前查找
输入:要查找的项和(查找起点位置的索引){默认为length-1};返回要查找的项在数组中的位置;
var colors=['red','black','blue','black','green'];
colors.lastIndexOf('black'); //3
colors.lastIndexOf('black',2); //1
8.迭代方法
every(),filter()…
http://www.cnblogs.com/sunmarvell/p/8674935.html
9.归并方法
24 reduce()
迭代数组的所有项,构建一个最终返回值; 不改变原数组的值
从第一项开始,逐个遍历到最后;
var number=[1,2,3,5,4];
value=number.reduce(compare); //-13
function compare(a,b){
return a-b;
}
console.log(number); //[1,2,3,5,4]
25 reduceRight()
迭代数组的所有项,构建一个最终返回值; 不改变原数组的值
从最后一项开始,逐个遍历到第一项;
var number=[1,2,3,5,4];
value=number.reduceRight(compare); //-7
function compare(a,b){
return a-b;
}
console.log(number); //[1,2,3,5,4]