javascript数组常用的方法

Posted 2022-06-08 ccyq

 

length：获取数组长度

    快速的清空数组或快速的改变数组的个数

var arr = [1,22,3,44,5];
arr.length = 0;//清空数组
arr.length = 1;//保留数组中的第一个数

push()  向数组的尾部添加一个或多个元素  返回数组新长度

function fnPush()
	var arr = [2,3,4,5];
	var res = arr.push(2,3);
	console.log( res , arr );  //6  [2, 3, 4, 5, 2, 3]

fnPush();

pop() 删除数组尾部的数据  返回删除的元素

function fnPop()
	var arr = [2,3,4,5];
	var res = arr.pop();
	console.log( res , arr ); //5  [2, 3, 4]

fnPop();

　shift()   删除数组头部的元素

function fnShift()
	var arr = [2,3,4,5];
	var res = arr.shift();
	console.log( res , arr );  //2  [3, 4, 5]

fnShift();

　unshift()  向数组头部添加一个或多个元素

function fnUnShift()
	var arr = [2,3,4,5];
	var res = arr.unshift(1,2);
	console.log( res , arr );  //6  [1, 2, 2, 3, 4, 5]

fnUnShift();

　splice()  

splice(start) : 表示删除从start位置开始的数一直到数组尾部

 function fnSplice()
	var arr = [2,3,4,5];
	var res = arr.splice(1);
	console.log( res , arr );   // [3, 4, 5]    [2]

fnSplice();
 

　　

arr.splice(start,length) 删除从开始位置 指定长度的数据  返回删除的元素

function fnSplice()
	var arr = [2,3,4,5];
	var res = arr.splice(1,2);
	console.log( res , arr );  /// [3, 4]    [2, 5]

fnSplice();

　　

arr.splice(start,length,num参数)   

如果length是0，在start位置处添加num数据

function fnSplice()
	var arr = [3,4,5,6,7];	
	arr.splice( 2,0,13,17,90 );
	console.log( arr );  // (8) [3, 4, 13, 17, 90, 5, 6, 7]

fnSplice();



如果length是大于0，将start位置处的数据先删除，再添加到num数据（替换）

function fnSplice()
	var arr = [3,4,5,6,7];
	arr.splice( 2,2,13,17,90 );//添加 从下标为2位置处 添加数据
	console.log( arr );  //  (6) [3, 4, 13, 17, 90, 7]

fnSplice();

　　以上是都会改变原数组

　

slice(start,end)  截取从start开始处到end-1位置处的字符 不会改变原数组 返回截取后的数据

function fnSlice()
	var arr = [1,2,35,5,6,7,8];
	var res = arr.slice( 2,6 ); 
	console.log( res );  // (4) [35, 5, 6, 7]

fnSlice();

 

join()   使用 - 将数组中的数组连接起来 转成字符串 数组转成字符串

function fnJoin()
	//将数组转成字符串
	var arr = [2,3,4,5,6];
	//var str = arr.toString();//将数组转成字符串
	var str = arr.join("");//使用某个字符将一个数组拼接成一个字符串
	console.log( str );  //23456
		
	//join可以快速的计算数组中数据的和
	console.log( eval(arr.join("+")) )   //20

fnJoin();

　concat()   将两个以上的数组合并成一个新数组 返回合并后的新数组

function fnConcat()
	var arr = [1,2,3];
	var brr = [4,5,6,7];
	var crr = arr.concat( brr );//返回拼接后的新数组
	console.log( crr );   // [1, 2, 3, 4, 5, 6, 7]

fnConcat();

　reverse()  数组反转 也会改变原数组

function fnReverse()
	var arr = [1,2,3,4,5];	
	arr.reverse();
	console.log( arr );  // [5, 4, 3, 2, 1]

fnReverse();