Javascript定義數組

一、數組的基本概念

定義數組可以理解為一組按一定順序排列、且可通過下標（索引）訪問的變數集合。javascript的數組是一個可存儲多個值的變數，在javascript中，數組是使用數組字面量（Array literals）、數組構造器（Array constructor）或數組原型方法來創建。

// 以數組字面量方式創建數組
let arr1 = [1, 2, 3, 4, 5];

// 以數組構造器方式創建數組
let arr2 = new Array(1, 2, 3, 4, 5);

// 以push()方法來給數組增加元素
let arr3 = [];
arr3.push(1, 2, 3, 4, 5);

二、數組的屬性和方法

javascript中的數組有一些內置的屬性和方法，我們可以利用這些來對數組進行增、刪、改、查等操作。

1. 屬性

① length（長度屬性）：返回數組中元素的個數

let arr = [1, 2, 3, 4, 5];
console.log(arr.length); // 5

2. 方法

1. 增加元素

① push(value1, value2, …, valuen)：向數組末尾添加一個或多個元素，並返回新的長度

let arr = [1, 2, 3];
arr.push(4, 5);
console.log(arr); // [1, 2, 3, 4, 5]

② unshift(value1, value2, …, valuen)：向數組開頭添加一個或多個元素，並返回新的長度

let arr = [1, 2, 3];
arr.unshift(4, 5);
console.log(arr); // [4, 5, 1, 2, 3]

2. 刪除元素

① pop()：刪除並返回數組的最後一個元素

let arr = [1, 2, 3];
arr.pop();
console.log(arr); // [1, 2]

② shift()：刪除並返回數組的第一個元素

let arr = [1, 2, 3];
arr.shift();
console.log(arr); // [2, 3]

3. 查找元素

① indexOf(searchElement [, fromIndex])：返回元素在數組中第一次出現的索引值，如果沒有找到則返回 -1

let arr = [1, 2, 3];
console.log(arr.indexOf(2)); // 1

② lastIndexOf(searchElement [, fromIndex])：返回元素在數組中最後一次出現的索引值，如果沒有找到則返回 -1

let arr = [1, 2, 3, 2];
console.log(arr.lastIndexOf(2)); // 3

三、常用操作

1. 遍曆數組

我們可以使用for循環或forEach()方法遍曆數組的每一個元素

① 使用for循環來遍曆數組

let arr = [1, 2, 3];
for(let i=0; i < arr.length; i++){
  console.log(arr[i]);
}

② 使用forEach()方法遍曆數組

let arr = [1, 2, 3];
arr.forEach(function(value, index, array){
  console.log(value);
});

2. 數組的排序

javascript提供了sort()方法，可以對數組進行排序，sort()方法可以按升序或降序排序，並且可以根據自定義函數進行排序。

① 升序排序

let arr = [3,2,1];
arr.sort(function(a,b){ return a-b; });
console.log(arr); // [1, 2, 3]

② 降序排序

let arr = [1,2,3];
arr.sort(function(a,b){ return b-a; });
console.log(arr); // [3, 2, 1]

3. 數組的拼接

javascript提供了concat()方法，可以將兩個或多個數組合併為一個數組。

let arr1 = [1,2,3];
let arr2 = [4,5,6];
let arr3 = arr1.concat(arr2);
console.log(arr3); // [1, 2, 3, 4, 5, 6]

四、數組的應用場景

1. 存儲數據

數組可以作為一種數據結構，用來存儲一組數據，方便索引和查找。

let arr = [
    {name: '張三', age: 18},
    {name: '李四', age: 20},
    {name: '王五', age: 25}
];
console.log(arr[0].name); // 張三

2. 處理數據

數組可以作為一種用於處理數據的工具，在處理大量數據的時候，使用數組可以使代碼更加簡潔高效。

let arr = [1,2,3,4,5];
let sum = 0;
for(let i=0; i < arr.length; i++){
  sum += arr[i];
}
console.log(sum); // 15

3. 模擬隊列和棧的數據結構

使用數組可以模擬隊列和棧等數據結構，方便增加、刪除元素。

// 模擬隊列
let queue = [1,2,3];
queue.push(4);
queue.shift();
console.log(queue); // [2, 3, 4]

// 模擬棧
let stack = [1,2,3];
stack.push(4);
stack.pop();
console.log(stack); // [1, 2, 3]

五、總結

以上是javascript定義數組的相關知識，通過文章的闡述，我們可以了解到javascript中的數組是一種可存儲多個值的變數，可以使用多種方式來創建和操作，可以將數組應用於存儲數據、處理數據、模擬隊列和棧等多種場景。