一、數組的介紹
數組是一種線性結構,可以理解為是一個有序的列表,其中存放着一組具有相同數據類型的數據。
在JavaScript中,可以用Array()、[]和直接填充元素的方式來創建一個數組。
//使用Array()創建 let arr1 = new Array(1,2,3,4,5); //使用[]創建 let arr2 = [6,7,8,9,10]; //直接填充元素 let arr3 = []; arr3[0] = "JavaScript"; arr3[1] = "TypeScript"; arr3[2] = "Vue"; arr3[3] = "React";
二、數組的屬性和方法
1. length屬性
length屬性代表數組中元素的個數。
let arr = [1,2,3,4,5]; console.log(arr.length); //輸出5
2. concat()方法
concat()方法用於連接兩個或多個數組,並返回新的數組。
let arr1 = [1,2,3]; let arr2 = [4,5,6]; let arr3 = [7,8,9]; let newArr = arr1.concat(arr2, arr3); console.log(newArr); //輸出[1,2,3,4,5,6,7,8,9]
3. join()方法
join()方法用於把數組中的所有元素轉化為一個字符串。默認使用英文逗號作為分隔符。
let arr = ["JavaScript", "TypeScript", "Vue", "React"]; let str = arr.join("、"); console.log(str); //輸出JavaScript、TypeScript、Vue、React
4. push()和pop()方法
push()方法用於在數組的末尾添加一個或多個元素。pop()方法用於刪除數組的最後一個元素。
let arr = [1,2,3,4,5]; arr.push(6); console.log(arr); //輸出[1,2,3,4,5,6] arr.pop(); console.log(arr); //輸出[1,2,3,4,5]
三、數組的遍歷
1. for循環遍歷
使用for循環可以遍曆數組中的每個元素。
let arr = ["JavaScript", "TypeScript", "Vue", "React"]; for(let i=0; i<arr.length; i++){ console.log(arr[i]); }
2. forEach()方法
forEach()方法用於遍曆數組中的每個元素,每個元素都會執行一次回調函數。
let arr = ["JavaScript", "TypeScript", "Vue", "React"]; arr.forEach(function(value){ console.log(value); });
3. map()方法
map()方法用於遍曆數組中的每個元素,並返回一個新的數組。
let arr1 = [1,2,3,4,5]; let arr2 = arr1.map(function(value){ return value * 2; }); console.log(arr2); //輸出[2,4,6,8,10]
四、數組的類型判斷
1. typeof
使用typeof運算符可以判斷一個數組的類型。
let arr = ["JavaScript", "TypeScript", "Vue", "React"]; console.log(typeof arr); //輸出object
2. instanceof
可以使用instanceof運算符判斷一個對象是否屬於某個類。
let arr = ["JavaScript", "TypeScript", "Vue", "React"]; console.log(arr instanceof Array); //輸出true
3. Array.isArray()
使用Array.isArray()方法可以判斷一個對象是否為數組類型。
let arr = ["JavaScript", "TypeScript", "Vue", "React"]; console.log(Array.isArray(arr)); //輸出true
五、總結
數組是JavaScript中非常重要的數據類型之一,掌握數組的相關屬性、方法和類型判斷可以讓我們更好地利用它來處理數據。
原創文章,作者:BVYX,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/137216.html