javascript中的Array用法

本文转载至http://niewj.iteye.com/blog/2100515

a=[2,4,5,6,7,90];

 

【1】. a.toString();  // 返回字符串表示的数组，逗号分隔

 

Js代码  

1. "2,4,5,6,7,90"   

 

【2】. a.join('||');  // 返回一个字符串，用指定的字符分割

Js代码  

1. "2||4||5||6||7||90"   

 【3】. a.push(33);  // 栈尾压入一个元素

 

Js代码  

1. [2,4,5,6,7,90,33]  

 【4】. a.pop();  // ,33栈尾移出一个元素

Js代码  

1. [2,4,5,6,7,90]  

【5】. a.shift(); // 2,从队列首部移出一个元素

Js代码  

1. [4,5,6,7,90]  

【6】. a.unshift(28); // 从队首插入一个元素，后面的顺移

Js代码  

1. [28,4,5,6,7,90]  
2. a.unshift(36);  
3. [28,4,5,6,7,90,36]  

【7】. a.reverse(); // 数组冲排序，反转顺序

Js代码  

1. [36,90,7,6,5,4,28]  

【8】. a.sort(); // 数组自然排序

Js代码  

1. [28,36,4,5,6,7,90]  

【9】. 自定义排序方法，传入sort参数：

Js代码  

1. function compare(v1,v2){if(v1>v2){return 1}else if(v1<v2){return -1}else{return 0}}  
2.   
3. //a=[4,5,6,7,28,36,90]  

colors=['red','green','black','blue'];

(1).  concat(element[|other array])  //联接数组

 

Js代码  

1. colors.concat('yellow')  // 1.联接元素  
2. >>>["red", "green", "black", "blue", "yellow"]  
3. colors.concat(['#aaa','#bbb','#ccc']) // 2.联接数组  
4. >>>["red", "green", "black", "blue", "#aaa", "#bbb", "#ccc"]  

 colors本身不变。

 

(2). slice(startIndex,endIndex) //切片

 

Js代码  

1. colors=colors.concat(['#aaa','#bbb','#ccc'])  
2. colors  
3. >>>["red", "green", "black", "blue", "#aaa", "#bbb", "#ccc"]  
4. colors.slice(2,3) //从第二个元素开始，到第三个元素为止，切片  
5. >>>["black"]  
6. colors.slice(2) // 从第二个元素开始，到末尾。  
7. ["black", "blue", "#aaa", "#bbb", "#ccc"]  

(3). splice(startIndex,delNums[,replacedElements]) // 强大的数组增、删、改

Js代码  

1. colors  
2. >>>["red", "green", "black", "blue", "#aaa", "#bbb", "#ccc"]  
3. colors.splice(2,1) //从第2索引开始，删除1个。  
4. colors  
5. >>>["red", "green", "blue", "#aaa", "#bbb", "#ccc"]  
6. colors.splice(2) //从第2索引开始，删除到完。  
7. colors  
8. >>>["red", "green"]  
9. colors=["red", "green", "blue", "#aaa", "#bbb", "#ccc"]  
10. colors.splice(1,2,'橘色','瓜皮色','古铜色') // 从索引1删除2个，然后插入给定的3个元素。  
11. colors  
12. >>>["red", "橘色", "瓜皮色", "古铜色", "#aaa", "#bbb", "#ccc"]  

(1). every(func(e,idx,arr)) // 对数组每一项都执行func，所有都返回true，结果才返回true,否则false;

Js代码  

1. colors.every(function(e,i,arr){  
2.     if(e.length>0){  
3.         alert(e.length)  
4.         return 1;  
5.    }else{  
6.         alert('Blank String');  
7.         return 0;  
8.    }  
9. });  
10. >>>false;  

 

(2). some(func(e,idx,arr)) // 对数组每一项都执行func，某一个返回true，结果就返回true;

                                                                                     所有都返回false,  结果才是false;

Js代码  

1. a=2;  
2. colors.some(function(e,i,arr){  
3.     a=a+1;  
4.     if(e.length>0){  
5.         alert("Have one Not Empty")  
6.         return 1;  
7.    }else{  
8.         alert('Blank String');  
9.         return 0;  
10.    }  
11. });  
12. a  
13. >>>a=3  
14. //可见function只执行了一次，返回true就不执行了。  

 

(3). filter(func(e,idx,arr)) // 对数组中每个元素执行func,返回其中为true的元素。

Js代码  

1. <span style="font-size: 12px; line-height: 1.5;">colors  
2. >>>["red", "橘色", "瓜皮色", "古铜色", "#aaa", "#bbb", "#ccc", ""]  
3. filtered_colors = colors.filter(function(e,i,arr){  
4.     a=a+1;  
5.     if(e.length>0){  
6.         alert("Have one Not Empty")  
7.         return 1;  
8.    }else{  
9.         alert('Blank String');  
10.         return 0;  
11.    }  
12. });  
13. </span><span style="line-height: 18px;">filtered_colors</span><span style="font-size: 12px; line-height: 1.5;">  
14. >>>["red", "橘色", "瓜皮色", "古铜色", "#aaa", "#bbb", "#ccc"]  
15. //a=10</span>  

 

(4). forEach(func(e,idx,arr)) // 对数组中的每一个元素执行指定函数func，无返回值。

Js代码  

1. colors.forEach(function(e,i,arr){  
2.     alert('元素:' + e + ',索引:' + i + ';数组是：【' + arr + '】');  
3. });  

 

(5). map(func(e,idx,arr)) // 对数组每个元素执行指定函数func，返回结果是一个数组，其中的元素是每个元素执行func函数时调用的返回值。

Js代码  

1. arr = colors.map(function(e,i,arr){  
2.     return e + '@' + i + '@' + e.length;  
3. });  
4. arr   
5. >>>["red@0@3", "橘色@1@2", "瓜皮色@2@3", "古铜色@3@3", "#aaa@4@4", "#bbb@5@4", "#ccc@6@4", "@7@0"]