顯示具有 shift 標籤的文章。 顯示所有文章
顯示具有 shift 標籤的文章。 顯示所有文章

2022年8月31日 星期三

JS Array 陣列宣告 - push,pop - unshift,shift

目的: 說明 陣列 (Array) 的宣告及使用

 陣列可以看作是一種特別的「物件」,同樣是零至多個元素的集合

陣列內可以是原始的資料類型、其他陣列、函式等等

陣列是個有順序性的集合,且只能透過 [] 來存取。

陣列的索引是由 0 開始計算的

一.陣列宣告的3個方法:

1>方法1:  new Array();

var a = new Array(); 
a[0] = "apple"; 
a[1] = "boy"; 
a[2] = "cat"; 
a.length; // 3

2>方法2:   []
var a = []; 
a[0] = "apple"; 
a[1] = "boy"; 
a[2] = "cat"; 
a.length; // 3

3>方法3:   ["apple","boy","cat"];
var a = ["apple", "boy", "cat"]; 
a.length; //3


二.陣列的新增/刪除

1>Array.legth 可以修改
var a = ["apple", "boy", "cat"]; 
a.length; // 3 
a.length = 1; 
console.log(a); // ["apple"] 
a.length = 3; 
console.log(a); // ["apple", undefined, undefined]

2>Array元素可以任意指定
var array = ['a', 'b', 'c']; 
array.length; // 3 
array[7] = 'z'; 
console.log(array); // ["a", "b", "c", undefined, undefined, undefined, undefined, "z"]

3>在陣列末端新增/移除元素時,可以透過 ARRAY.push() ; Array.pop()
var array = ['a', 'b', 'c']; 
array.length; // 3 
array.push('d'); 
console.log(array); // ['a', 'b', 'c', 'd']
array.pop();            //傳回 "d"
console.log(array); // ['a', 'b', 'c']

4>在陣列前端新增/移除元素時,可以透過 ARRAY.unshift() ; Array.shift()
var array=['a', 'b', 'c'];
var Tmp_el=array.shift();
console.log(array); // ['b','c']
Tmp_el=array.shift();
console.log(array); // ['c']
Tmp_el=array.unshift(4,"e");
console.log(array); // [4,"e",'c']