App下載

javascript array介紹——JavaScript數(shù)組

萌夠才回家 2023-06-18 13:20:50 瀏覽數(shù) (1488)
反饋

javascript array是一種用來存儲多個值的數(shù)據(jù)結構,它可以用來表示列表、表格、矩陣等。javascript array有以下特點:

  • javascript array是動態(tài)的,可以隨時增加或刪除元素,不需要指定固定的大小。
  • javascript array可以存儲任意類型的值,包括數(shù)字、字符串、布爾值、對象、函數(shù)等。
  • javascript array的索引從0開始,可以用方括號[]或者點操作符.來訪問元素。
  • javascript array有很多內置的方法,可以用來對數(shù)組進行排序、篩選、遍歷、合并等操作。

下面我們來看一些javascript array的基本用法:

  • 創(chuàng)建數(shù)組:可以用new Array()或者[]來創(chuàng)建一個空數(shù)組,也可以在[]中直接寫入元素,例如

var arr1 = new Array(); // 創(chuàng)建一個空數(shù)組
var arr2 = []; // 創(chuàng)建一個空數(shù)組
var arr3 = [1, 2, 3]; // 創(chuàng)建一個包含三個數(shù)字的數(shù)組
var arr4 = ["a", "b", "c"]; // 創(chuàng)建一個包含三個字符串的數(shù)組
var arr5 = [true, false, null]; // 創(chuàng)建一個包含三個不同類型的值的數(shù)組

  • 訪問和修改元素:可以用索引來訪問和修改數(shù)組中的元素,索引從0開始,最大為數(shù)組長度減一,例如:

var arr = [1, 2, 3];
console.log(arr[0]); // 輸出1
console.log(arr[1]); // 輸出2
console.log(arr[2]); // 輸出3
console.log(arr[3]); // 輸出undefined,因為索引超出了數(shù)組范圍


arr[0] = 10; // 修改第一個元素為10
arr[1] = 20; // 修改第二個元素為20
arr[2] = 30; // 修改第三個元素為30
console.log(arr); // 輸出[10, 20, 30]

  • 添加和刪除元素:可以用push()和pop()方法來在數(shù)組末尾添加和刪除元素,也可以用unshift()和shift()方法來在數(shù)組開頭添加和刪除元素,例如:

var arr = [1, 2, 3];
arr.push(4); // 在數(shù)組末尾添加一個元素4
console.log(arr); // 輸出[1, 2, 3, 4]
arr.pop(); // 在數(shù)組末尾刪除一個元素,并返回它
console.log(arr); // 輸出[1, 2, 3]


arr.unshift(0); // 在數(shù)組開頭添加一個元素0
console.log(arr); // 輸出[0, 1, 2, 3]
arr.shift(); // 在數(shù)組開頭刪除一個元素,并返回它
console.log(arr); // 輸出[1, 2, 3]

  • 遍歷數(shù)組:可以用for循環(huán)或者forEach()方法來遍歷數(shù)組中的每個元素,例如:

var arr = [1, 2, 3];
// 使用for循環(huán)遍歷數(shù)組
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]); // 輸出每個元素的值
}


// 使用forEach()方法遍歷數(shù)組
arr.forEach(function (item) {
console.log(item); // 輸出每個元素的值
});

  • 排序和反轉數(shù)組:可以用sort()和reverse()方法來對數(shù)組進行排序和反轉,例如:

var arr = [3, 1, 4, 2];
arr.sort(); // 對數(shù)組進行升序排序,默認按照字符串比較
console.log(arr); // 輸出[1, 2, 3, 4]


arr.reverse(); // 對數(shù)組進行反轉,即倒序排列
console.log(arr); // 輸出[4, 3, 2, 1]

  • 連接和切割數(shù)組:可以用concat()和slice()方法來連接和切割數(shù)組,例如:

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = arr1.concat(arr2); // 連接兩個數(shù)組,返回一個新的數(shù)組
console.log(arr3); // 輸出[1, 2, 3, 4, 5, 6]


var arr4 = arr3.slice(1, 4); // 切割數(shù)組,從索引1開始,到索引4結束(不包含),返回一個新的數(shù)組
console.log(arr4); // 輸出[2, 3, 4]

  • 篩選和映射數(shù)組:可以用filter()和map()方法來篩選和映射數(shù)組,例如:

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.filter(function (item) {
return item % 2 == 0; // 篩選出偶數(shù)元素,返回一個新的數(shù)組
});
console.log(arr2); // 輸出[2, 4]


var arr3 = arr.map(function (item) {
return item * 10; // 對每個元素乘以10,返回一個新的數(shù)組
});
console.log(arr3); // 輸出[10, 20, 30, 40, 50]

  • 歸約和累加數(shù)組:可以用reduce()和reduceRight()方法來歸約和累加數(shù)組,例如:

var arr = [1, 2, 3, 4, 5];
var sum = arr.reduce(function (prev, curr) {
return prev + curr; // 對每兩個元素求和,返回一個最終的值
});
console.log(sum); // 輸出15


var product = arr.reduceRight(function (prev, curr) {
return prev * curr; // 對每兩個元素求積,從右往左,返回一個最終的值
});
console.log(product); // 輸出120

以上就是javascript array的一些基本用法,希望對你有所幫助。

0 人點贊