文章目錄
- 一、數組對象
- 1、數組簡介
- 2、數組創建
- 3、數組檢測 - Array.isArray() 方法
- 4、數組檢測 - instanceof 運算符
Array 數組對象參考文檔 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array
一、數組對象
1、數組簡介
在 JavaScript 中 , 提供了一種 內置對象 " 數組 " , 用于存儲一系列的值 , 這些值可以是 任意類型的數據 , 包括 數字 / 字符串 / 對象 / 其他數組 , 數組對象 還 提供了 一系列的方法和屬性 操作和處理這些值 ;
- push 方法 : 在數組末尾添加元素 ;
- pop 方法 : 刪除并返回數組的最后一個元素 ;
- shift 方法 : 刪除并返回數組的第一個元素 ;
- unshift 方法 : 在數組開頭添加一個或多個元素 ;
- slice 方法 : 返回數組的一部分 ;
2、數組創建
數組創建 :
- 使用字面量創建數組 :
- 創建空數組 :
var arr = [];將字面量[]賦值給變量 , 創建的是一個空數組 ; - 創建非空數組 :
var arr = [1, 2, 3], 將字面量[1, 2, 3]賦值給變量 , 創建數組并進行初始化 , 將 1 2 3 三個元素賦值給對象變量 ;
- 創建空數組 :
- 使用 new Array() 創建數組 :
- 創建空數組 :
var arr = new Array();創建一個空的數組 , 元素數量為 0 ; - 創建非空數組 :
var arr = new Array(1, 2, 3);創建一個非空的數組 , 并進行初始化 ;
- 創建空數組 :
3、數組檢測 - Array.isArray() 方法
調用 Array.isArray(arr) 函數 , 可以 檢測 arr 變量 是否是 數組對象 , 傳入的參數是要檢測的 變量 ;
Array.isArray() 方法文檔 : https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray
語法 :
Array.isArray(value)
- value 參數 是 要檢測的對象 ;
- 返回值 : 如果 value 是 Array , 返回 true , 否則返回 false ;
// 創建數組對象let arr = [1, 2, 3];// 創建普通空對象let obj = {};// 輸出 : true console.log(Array.isArray(arr));// 輸出 : false console.log(Array.isArray(obj));
代碼示例 :
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 設置 meta 視口標簽 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// 創建數組對象let arr = [1, 2, 3];// 創建普通空對象let obj = {};// 輸出 : true console.log(Array.isArray(arr));// 輸出 : false console.log(Array.isArray(obj));</script>
</head><body></body></html>
執行結果 :
4、數組檢測 - instanceof 運算符
使用 instanceof 運算符 可以用來 檢測一個對象是否是 某個 構造函數 的實例 , 也就是可以檢測 某個對象是否由 Array 構造函數 創建的 ;
// 創建數組對象let arr = [1, 2, 3];// 創建普通空對象let obj = {};// 輸出 : true console.log(arr instanceof Array);// 輸出 : false console.log(obj instanceof Array);
完整代碼示例 :
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 設置 meta 視口標簽 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// 創建數組對象let arr = [1, 2, 3];// 創建普通空對象let obj = {};// 輸出 : true console.log(arr instanceof Array);// 輸出 : false console.log(obj instanceof Array);</script>
</head><body></body></html>
執行結果 :
)
)
