陣列常用的方法

小呀麼小程式設計師發表於2019-04-11

陣列的兩個屬性

1.constructor:返回建立此物件的陣列函式的引用

var arr=['a','b','c'];
console.log(arr.constructor) //來檢視arr是否是陣列

2.length:陣列中元素的數目。

陣列的常用方法

Array.isArray()
用於確定傳遞的值是否是一個 Array,返回true或者false

以下四個對陣列進行操作的方法都不會改變原來的陣列,而是返回新的陣列。

concat():
連線兩個或更多的陣列

var arr1=['1','2','3'];
var arr2=['a','b','c'];
var arr3=['h','j','k'];
var arr4= arr1.concat(arr2,arr3);
console.log(arr4)
//輸出['1','2','3','a','b','c','h','j','k']

toString():
把陣列轉換為字串

var arr1=['1','2','3'];
console.log(arr1.toString())
//輸出1,2,3

join():
把陣列的所有元素放入一個字串,元素通過指定的分隔符進行分割(沒有引數預設以逗號分隔),返回值是字串型別

var arr1=['1','2','3'];
console.log(arr1.join('-'));
//輸出1-2-3

slice():
從某個已有的陣列返回選定的元素。返回一個新的陣列,取值有頭無尾。引數若為負數則從尾部開始數

var arr1=['1','2','3','4','5'];
console.log(arr1.slice(1,2)); //['2']
console.log(arr1.slice(1,-2)); //['2','3']
console.log(arr1.slice(1)); //['2','3','4','5']

以下對陣列的操作會改變原來的陣列

sort():
對陣列的元素進行排序 先排數字(按第一位數字排序)然後是大寫字母然後是小寫字母,返回改變後的陣列

  arr.sort(function(a,b){
  	 if(a>b){
  		 return 1;
  	 }else if(a<b){
  		 return -1;
  	 }else{
  		 return 0;
  	 }
   })  //這樣數字字串可以按照大小排序而不是第一位數字

reverse():
顛倒陣列中元素的順序,返回改變後的陣列

var arr1=['1','2','3','4','5'];
console.log(arr1.reverse());
//輸出['5','4','3','2','1']

unshift():
向陣列的開頭新增一個或更多元素,並返回新的長度

var arr1=['1','2','3','4','5'];
console.log(arr1.unshift('z'));
//輸出6
console.log(arr1);
//var arr1=['z','1','2','3','4','5'];

shift():
刪除並返回陣列的第一個元素,返回的是刪除的元素

var arr1=['1','2','3','4','5'];
console.log(arr1.shift());
//輸出1
console.log(arr1);
//var arr1=['2','3','4','5'];

push():
向陣列的尾部新增一個或更多元素,並返回新的長度

var arr1=['1','2','3','4','5'];
console.log(arr1.push('z'));
//輸出6
console.log(arr1);
//var arr1=['1','2','3','4','5','z'];

pop():
刪除並返回陣列的最後一個元素返回的是刪除的元素

var arr1=['1','2','3','4','5'];
console.log(arr1.pop());
//輸出5
console.log(arr1);
//var arr1=['1','2','3','4'];

splice():
刪除元素,並向陣列新增新元素。arr.splice(index,howmany,item),index必需,是整數,規定了新增刪除專案的位置,使用負數從陣列結尾處規定位置,howmany必需,設定要刪除的專案數量。返回值是刪掉的元素

var arr1=['a','b','c','d','e'];
console.log(arr1.splice(2,1)); //['c']
console.log(arr1); //['a','b','d','e'];
console.log(arr1.splice(2,1,5)); //['d']
cosole.log(arr1); //['a','b',5,'e'];

查詢陣列中的某個元素常用方法

indexOf():
返回在陣列中找到的一個給定元素的第一個索引,如果不存在,則返回-1

lastIndexOf():
返回指定元素在陣列中的最後一個的索引,如果不存在則返回 -1。從陣列的後面向前查詢

includes():
用來判斷一個陣列是否包含一個指定的值,如果是,返回 true或 false

find():
返回陣列中滿足提供的測試函式的第一個元素的值

findIndex():
返回陣列中滿足提供的測試函式的第一個元素的索引

相關文章