JSの配列のいくつかの方法

4346 ワード

今日は仕事があまり忙しくないので、時間を割いてJavaScriptの配列に関する方法を勉強しました.
まず、配列削除要素に関するいくつかの方法を見てください.
1、pop():配列の最後の要素を削除し、削除された要素を返します.

/* 
* javaScript   (Array)pop  
*           ,         
*/
function testPop(){
	var arr = new Array('h','x','q');
	alert(arr.pop());
	alert(arr);
}
2、シフト():配列の最初の要素を削除し、削除された要素を返します.

/**
* javascript   (Array)shift  
*           ,        
**/
function testShift(){
	var arr = ['I','Love','you'];//JSON  
	alert(arr);
	alert(arr.shift());
	alert(arr);
}
3、splice():指定要素を削除し、配列に新しい要素を追加します.

/**
* javascript   (Array)splice  
*         ,     
*        
*/
function testSplice(){
	var arr = new Array('beijing','shanghai','guangzhou','hangzhou');
	alert(arr.splice(1,1));//  1     ,      ,  'shanghai'
	alert(arr);
	alert(arr.splice(0,1,'jiangxi','hubei','sichuan'));//   0     ,      ,   0      'jiangxi','hubei','sichuan'    
	alert(arr);
	alert(arr.splice(0,'hainan','sanya','chengdu'));//         number   ,       ,   ,   0      'sanya','chengdu'2   
	alert(arr);
}
削除の方法を見終わったら、要素を増やす方法を見てみます.
4、push():配列の末尾に1つ以上の要素を追加し、配列の新しい長さを返します.

/*
* javaScript   (Array)push  
*                 ,       
*/
function testPush(){
	var arr1 = new Array('h','x','q');
	arr1.push('i');//   4
	alert(arr1);// h,x,q,i
	alert(arr1.push('n','g'));//  6
	alert(arr1.length);//  6
}
5、unshift():配列の先頭に1つ以上の要素を追加し、新しい長さを返します.

/**
* javascript   (Array)unshift  
*            (      )
*            
*/
function testUnshift(){
	var arr1 = new Array('h','x','q');
	alert(arr1.unshift(12));
	alert(arr1);// 12,h,x,q
	alert(arr1.unshift(12,'huxiaoqing'));
	alert(arr1);//12,huxiaoqing,12,h,x,q
}
6、concat():2つの配列または複数の配列を連結して新しい配列を返します.元の配列は影響を受けません.

var arr1 = new Array('I');
var arr2 = new Array('L','O','V','E');
var arr3 = new Array('Y','O','U');
/* 
* JavaScript   (Array)concat  
*                  ,       
*/
function testConcat(){		
	alert(arr1.concat(arr2));//  I,L,O,V,E
	alert(arr1.concat(arr2,arr3));//  I,L,O,V,E,Y,O,U
	alert(arr1);//I
	alert(arr2);//L,O,V,E
	alert(arr3);//Y,O,U
}
最後に、配列のいくつかの要素を取得する方法を見てください.
7、join():配列中の要素を文字列に入れ、要素間は指定された適合で区切られます.

function testJoin(){
	var arr = new Array('Y','O','U');
	var str = arr.join("|");
	alert(str);
}
8、reverse():逆さま配列の要素の順番

/*
* javascript   (Array)reverse  
*           ,         ,          
*/
function testReverse(){
	var arr = new Array('Y','O','U');
	arr.reverse();
	alert(arr);//U,O,Y
	alert(arr.reverse());//Y,O,U
}
9、slice():配列で選択された要素を返します.

/**
* javascript   (Array)slice  
*            ,        ,        
* ps:        0
*/
function testSlice(){
	var arr = new Array('Y','O','U');
	alert(arr.slice(1,3));// O,U
	alert(arr.slice(1));//O,U
	alert(arr.slice(0));//Y,O,U
}
10、sort():配列中の要素を並べ替え、並べ替え後の配列を返します.元の配列要素の順序は影響を受けます.

/**
* javaScript   (Array)sort  
*           ,         
*/
function testSort(){
	var a1 = [11,1,100,45,'A','B'];
	alert(a1.sort());//         
	alert(a1.valueOf());
	alert(a1.sort(function(a,b){return a-b;}));//          ,   sort          
}
testSort()にはvalueOf()という方法が使われていますが、この方法は配列の要素値を返します.