js數組方法備忘錄

js數組方法彙總

• 數組元素操作
• • 添加、删除：push、pop、shift、unshift
  • • • push：在數組後面添加元素
      • pop：删除數組最後的元素
      • shift：删除數組第一個元素
      • unshift：在數組最前面添加元素
  • 數組截取、合并：splice、slice、concat
  • • • splice
      • slice
      • concat
  • 數組和字元串之間轉換：join、split
  • • • join
      • split

數組元素操作

添加、删除：push、pop、shift、unshift

push：在數組後面添加元素

push:在數組後面添加元素

let arr = [1,2,3,4,5,6,7,8];
arr.push(1); // retrun 9; arr = [1,2,3,4,5,6,7,8,1];
           

push參數能接受多項，可以一次性添加多個元素

let arr = [1,2,3,4,5,6,7,8];
arr.push(1,2,3); // retrun 11; arr = [1, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3];
let arr2=['a','b','c'];
arr2.push(...arr);// return 14; arr2=["a", "b", "c", 1, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3];
           

pop：删除數組最後的元素

pop:删除數組最後的元素

let arr = [1,2,3,4,5,6,7,8];
arr.pop(); // retrun 8; arr = [1,2,3,4,5,6,7];
           

shift：删除數組第一個元素

pop:删除數組第一個元素

let arr = [1,2,3,4,5,6,7,8];
arr.shift(); // retrun 1; arr = [2,3,4,5,6,7,8];
           

unshift：在數組最前面添加元素

unshift:在數組最前面添加元素

let arr = [1,2,3,4,5,6,7,8];
arr.unshift(1); // retrun 9; arr = [1,1,2,3,4,5,6,7,8];
           

unshift參數能接受多項，可以一次性添加多個元素

let arr = [1,2,3,4,5,6,7,8];
arr.unshift(1,2,3); // retrun 11; arr = [1, 2, 3,1, 2, 3, 4, 5, 6, 7, 8];
let arr2=['a','b','c'];
arr2.unshift(...arr);// return 14; arr2=[1, 2, 3,1, 2, 3, 4, 5, 6, 7, 8,"a", "b", "c"];
           

數組截取、合并：splice、slice、concat

splice

splice(index,length,arg1,arg2,arg3…)

第一個參數：需要删除的元素坐标

第二個參數：需要删除的元素個數

第三個及之後的參數：需要插入的元素

let arr = [1,2,3,4,5];
arr.splice(1,1,8); // return [2]; arr = [1,8,3,4,5]
           

根據splice的特性有很多使用技巧。

1. 插入元素

   Array.prototype.insert=function(index,arg){
   	this.splice(index,0,arg);
   	return [arg];
   } 
   let a = [1,2,3,4,5];
   a.insert(1,888); // return [888]; a = [1,888,2,3,4,5];
              

2. 将某個元素往前移一位

   Array.prototype.moveForward=function(index){
   	    this.splice(index-1,0,...this.splice(index,1));
   	} 
   	let a = [1,2,3,4,5];
   	a.moveForward(2); // a = [1,3,2,4,5]
              

3. 将某個元素移動到最前面

   Array.prototype.top=function(index){
   	    this.splice(0,0,...this.splice(index,1));
   	} 
   	let a = [1,2,3,4,5];
   	a.top(2); // a = [3,1,2,4,5]
              

往後移和置底操作類似前移和置頂操作，此處不做demo可自行探索

slice

slice(startIndex,endIndex);

第一個參數：起始坐标

第二個參數：結束坐标（不包含）

擷取數組中從startIndex到endIndex為止的數組，不改變原素組

const a = [1,2,3,4,5];
	a.slice(); // return [1,2,3,4,5]; 截了個寂寞
	a.slice(1); // return [2,3,4,5];
	a.slice(1,3); // return [2,3];
	// 如果結束坐标比開始坐标小，則傳回空數組。
	a.slice(3,1); // return [];
	// slice操作不改變原數組
	console.log(a); // a = [1,2,3,4,5]
           

concat

concat(arr1,arr2,arr3…)

傳回值為拼接後的數組，不改變原數組

const a = [1,2,3,4,5];
	const b = [6,7,8,9,10];
	const c = ['a','b','c'];
	a.concat(b); // return [1,2,3,4,5,6,7,8,9,10];
	a.concat(b,c); // return [1,2,3,4,5,6,7,8,9,10,'a','b','c'];
	a.concat(c,b); // return [1,2,3,4,5,'a','b','c',6,7,8,9,10];
	a.concat(b,['aaa','bbb'],[333,444]); // return [1,2,3,4,5,6,7,8,9,10,'aaa','bbb',333,444];
	// concat操作不改變原數組
	console.log(a); // a = [1,2,3,4,5];
           

數組和字元串之間轉換：join、split

join

join(arg);

傳回一個以arg分割的字元串

split

split(arg);

傳回一個以arg切割後的數組

a=[1,2,3,4,5];
	a.join('-'); // return "1-2-3-4-5";
	// join預設使用逗号分割
	c = a.join(); // c = "1,2,3,4,5";
	c.split(','); // return ["1","2","3","4","5"];
	c.split(); // return ["1,2,3,4,5"];
	// join和splice操作不改變原數組
	console.log(a); // a = [1,2,3,4,5];
	console.log(c); // c = "1,2,3,4,5";