JavaScript數組

一. 數組

1. 創建數組

方式: 字面量方式串講,構造函數創建;

1. 字面量創建

聲明一個數組,數組中的元素可以使任意類型;

var arr = [1,2,3,4];

2. 構造函數創建

需要 new關鍵字,後接函數名,函數名首字母大寫;

var arr1 = new Array(1,2,3,4);
var arr2 = new Array(4);//如果參數只有一個並且是數值,表示創建數組的個數;
conlose.log(arr2); -->[empay x 4]

2. 添加刪除

1. push 和 pop

在數組的末尾 添加或者刪除 數組元素;

  1. push();
    在數組的末尾添加一個或者多個元素,返回當前數組的長度,會改變原數組;
    var arr = [1,2,3];
    var arr1 = arr.push(4);
    conlose.log(arr1); --> 4;
    conlose.log(arr); -->[1,2,3,4];
    arr.push(5,6,7);
    conlose.log(arr); -->[1,2,3,4,5,6,7];
    
  2. pop();
    刪除數組末尾的一位元素,返回被刪除的元素;
    var arr = [1,2,3];
    arr.pop();
    var arr1 = arr.pop();
    console.log(arr); -->[1,2,3,4,5];
    console.log(arr1); --> 6;//返回被刪除的元素;
    

2. unshift 和 shift

在數組的頭部添加或者刪除數組元素;

  1. unshift();
    在數組的頭部添加一個或者多個元素,返回當前數組的長度,會改變原數組;
    var arr = [1,2,3];
    arr1 = unshift("0");
    console.log(arr); -1->["0",1,2,3];
    
  2. shift();
    刪除數組頭部的一位元素,返回被刪除的元素;
    var arr = [1,2,3];
    var arr1 = arr.shift();
    console.log(arr); -->[2,3];
    console.log(arr1); -->0;
    

3.splice() 刪除、添加、替換

splice(start,deleteCount,items):刪除數組元素,返回被刪除元素組成的數組;

1. 一個參數
var arr = [1,2,3,4,5,6];
var arr1 = arr.splice(1); //start : 從當前位置開始刪除,刪除到末尾;
console.log(arr); -->[1];
console.log(arr1); -->[2,3,4,5,6] //返回被刪除的元素組成數組;

2. 兩個參數
var arr = [1,2,3,4,5,6];
arr.splice(1,2); -->(start ,deleteCont);//從當前位置開始刪除,刪除2個;
console.log(arr); -->[1,4,5,6]

3. 三個參數
var arr = [1,2,3,4,5,6];
arr.splice(1,2,"a"); -->(start ,deleteCont ,items);//從當前位置開始刪除,刪除2個,用a替換被刪除的元素;
console.log(arr); -->[1,"a",4,5,6]

4. 多個參數
var arr = [1,2,3,4,5,6];
arr.splice(1,2,"a","b","c"); -->(start ,deleteCont ,items);//從當前位置開始刪除,刪除2個,用"items"替換被刪除的元素;
console.log(arr);-->[1,"a","b","c",4,5,6];

5. 添加
	var arr = [1,2,3,4];
	arr.splice(1,0,2);  //中間數值爲0時,只添加不刪除;
	console.log(arr); -->[1,2,2,3,4];

4. 數組其他方法

  1. join()方法: 將數組按特定的標記組合成字符串
    var arr = [1,2,3,4];
    console.log(arr.join());-->1,2,3,4
    console.log(arr.join(""));-->1234;
    console.log(arr.join("-"));-->1-2-3-4
    
  2. concat: 將多個數組合成一個,並且返回新數組
    var arr1 = [1,2,3,4];
    var arr2 = ["A","B","C"];
    var arr3 = ["s","x","y"];
    var arr4 = arr1.concat(arr2,arr3);-->[1,2,3,4,"A","B","C","s","x","y"];
    
  3. reverse: 數組倒序
    var arr = [1,2,3,4,5];
    arr.reverse();
    console.log(arr); -->[5,4,3,2,1]
    
  4. indexOf: 返回值在數組中首次出現的位置,返回對應的下標,找不到返回-1
    var arr = [1,2,3,4,"A"]
    arr.splice(arr.indexOf(4),1);
    console.log(arr);
    

5. 數組迭代方法

跟for循環相似,js中常見的5個迭代方法

  1. **every:**針對數組元素做些判斷,如果結果都爲true,則返回的結爲true;
    var arr = [6,8,4,9,33];
    var s = arr.every(function(value, index, array){//數組元素,數組下標,當前的數組本身
     return value >=5;
    });
    console.log(s);-->false;
    
  2. some: 針對數組元素做些判斷,如果結果有一個爲turn,則返回結果爲turn
    var arr = [1,7,3,5,9,2];
    var s = arr.some(function(value,index,array){
    	retuen value > 5;
    });
    console.log(s); -->turn;
    
  3. filter: 這怎對數組元素做些判斷,滿足條件的元素會組成一個新的數組,並返回
    var arr = [3,6,9,3,5,1,2,4,5];
    var arr1 = arr.filter(function(value){
    	return value >= 5;
    });
    console.log(arr1);-->[6,9,5,5];
    
  4. map: 用於數組循環,有返回值,每次循環返回值會組成一個新的數組
    var arr = [1,2,3,4];
    var arr1 = arr.map(function(value,index,array){//value:數組元素 index:數組的下標 array:當前循環數組
    	console.log(value);
    	return value*2;
    });
    console.log(arr1);-->[2,4,6,8]
    
  5. forEach: 沒有返回值,就是一個簡單的循環
    var arr = [1,2,3,4];
    arr5.forEach(function(value,index){
    	console.log(value);
    })
    
發佈了54 篇原創文章 · 獲贊 7 · 訪問量 2851
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章