JS(JavaScript)

數組；

一.數組是什么；

是值得有序集合，每個元素都在數組里有唯一的位置，用數字表示，叫做索引數據；用字符串表示，叫關聯數組。
數組無類型；數組元素可以是類型，字符串，數字值，布爾值等
數組動態的；向插入新元素，從數組中刪除指定元素

二.一維數組；

1.定義數組；

• 字面量/直接量方式定義
  var 數組名稱 = [元素一, 元素二, ...]

• 構造函數方式
  var 數組名稱 = new Array(元素一, 元素二, ...)
  var 數組名稱 = new Array(length)

  • length - number類型，表示數組的長度(存在元素的個數)

• 函數方式定義
  var 數組名稱 = Array(元素一, 元素二, ...)
  var 數組名稱 = Array(length)

  • length - number類型，表示數組的長度(存在元素的個數)

1.字面量/直接量方式定義var 數組名稱 = [元素一, 元素二, ...]var arr1 = [];// 定義一個空數組 var arr2 = [100, '愛新覺羅', true, undefined]; var arr6 = [10];console.log(arr6);2.構造函數方式var 數組名稱 = new Array(元素一, 元素二, ...)var 數組名稱 = new Array(length)* length - number類型，表示數組的長度(存在元素的個數)var arr3 = new Array();// 定義一個空數組 var arr4 = new Array(100, '愛新覺羅', true, undefined); console.log(arr4);var arr5 = new Array(10); console.log(arr5);3.函數方式定義var 數組名稱 = Array(元素一, 元素二, ...)var 數組名稱 = Array(length)* length - number類型，表示數組的長度(存在元素的個數) var arr7 = Array();// 定義一個空數組 var arr8 = Array(100, '愛新覺羅', true, undefined); var arr9 = Array(10); console.log(arr9);

2.索引數組；

就是存儲元素的位置并以數字值來表示，數字值從0開始，一般稱為索引值
/*

索引數組 - 表示數組中元素的位置使用數字值來表示的 * 數字值表示元素的位置 -> 角標或下標 * 數組的長度與元素的個數是一致的

*/
var arr = [];// 定義一個空數組
arr[0] = '愛新覺羅';
arr[1] = true;

console.log(arr.length);

3.關聯數組；存儲元素的位置使用字符串來表示

/*

關聯數組 - 表示數組中元素的位置使用字符串來表示的 * 注意：關聯數組的數組長度與元素的個數不一致 * 原因：JavaScript的官方不支持關聯數組的

*/
var arr = [];// 定義一個空數組
arr['name'] = '張無忌';
arr['age'] = 19;
arr['job'] = '教主';
// 輸出的結果：[ name: '張無忌', age: 19, job: '教主' ]
console.log(arr.length);

4.稀疏數組；包含0開始的不連續索引的數組

var arr = [];
arr2[0] = '犬夜叉';
arr2[3] = 16;
arr2[5] = '半妖';
/*索引數組的位置允許不連續；沒有定義元素的位置默認為空(undefined)

* 稀疏數組；數組的長度與元素的個數不一致的*/

console.log(arr.length);
var newArr = [];
for (var i=0; i<arr.length; i++) {

// 比較當前值是否等于 undefined if (arr[i] !== undefined) {newArr.push(arr[i]); }

}
console.log(newArr);

5.數組的長度；以length屬性，用來表示指定數組的長度和個數6.數組元素的讀取；用于存儲和讀取數據信息

var arr = ['愛新覺羅',100,null];
console.log(arr);
//調用數組名稱，得到只是存儲所有元素數值的集合
console.log(arr[0]);
//訪問索引數組中的元素；數組名稱[索引值]
console.log(arr[5]);
//如果訪問了數組中未定義位置的冤死時；語法不報錯，結果是 undefined
//索引數組中索引值最大為 arr.length；1

//JS(JavaScript)中關聯數組定義，訪問都沒有問題
var arr1 = [];
arr1['name'] = '犬夜叉';
arr1['age'] = 16;
arr1['job'] = '半妖';
console.log(arr1['name']);

7.數組元素的修改；可讀取指定元素，并進行修改數組中指定元素值

var arr1 = [];
arr1[0] = '愛新覺羅';
arr1[1] = true;

var arr2 = [];
arr2['name'] = '犬夜叉';
arr2['age'] = 16;
arr2['job'] = '半妖';
arr1[0] = 100;
console.log(arr1);

arr2['name'] = '殺生丸';
console.log(arr2);
//通過數字索引值到對應元素的位置，再通過重新賦值操作進行修改
arr1[4] = '愛新覺羅';
console.log(arr1);
//如果索引值是新的，就是新增數組的元素操作

8.數組元素的刪除；使用delete關鍵字競秀刪除數組中指定的元素值

var arr1 = [];
arr1[0] = '愛新覺羅';
arr2[1] = true;

var arr2 = [];
arr2['name'] = '犬夜叉';
arr2['age'] = 16;
arr2['job'] = '半妖';

delete arr1[0];
console.log(arr1);
/*使用delete運算符進行刪除數組元素

• 只是刪除元素數據內容，而對應位置被保留；稀疏數組
  */

9.遍歷數組元素；通常使用循環語句獲取數組的數據

var arr = ['愛新覺羅',100,true,undefined];
/*var i = 0;
while (i < arr.length){

console.log(arr[i]);i++;

}
//while語句
var i = 0;
do {

console.log(arr[i]);i++;

} while (i < arr.length);
//do...while語句*/
for (var i=0; i<arr.length; i++) {

console.log(arr[i]);

}
//for語句

10.for...in語句

可以用來遍歷稀疏數組，循環每次一有效元素返回，不存在索引不會遍歷到

// 關聯數組的length屬性為 0 var arr1 = []; arr1['name'] = '犬夜叉'; arr1['age'] = 16; arr1['job'] = '半妖';/*for (var i=0; i<arr1.length; i++) {console.log(arr1[i]); }*/ // for..in語句可以循環遍歷關聯數組, for語句不行 for (var i in arr1) {console.log(arr1[i]); }// 稀疏數組 - 數組的長度與元素的個數不一致 var arr2 = []; arr2[0] = '犬夜叉'; arr2[3] = 16; arr2[5] = '半妖';/*for (var i=0; i<arr2.length; i++) {console.log(arr2[i]); }*/ // for..in語句循環遍歷稀疏數組(直接得到有效元素值), for語句不行 for (var i in arr2) {console.log(arr2[i]); }

三.二維數組；

1.二維數組是什么；

---

可以嵌套，表示在一個數組可以以一個元素包裹在另一個數組里面
2.定義二維數組；

---

為規整和不規整的二維數組，是指外層數組元素內部數據元素的個數是一致還有不一樣的
3.使用二維數組；

---

獲取二維數組，中元素內容，使用練習需要連續2個索引值一個表示外層索引值一個內部索引值

var arr = [];// 定義一個空數組 arr[0] = [100,200,300]; arr[1] = [400,500,600]; arr[2] = [700,800,900];// console.log(arr); // 訪問二維數組中的元素 var result = arr[0]; /*console.log(result[0]);console.log(arr[0][0]);*/// 循環遍歷二維數組 for (var i=0; i<arr.length; i++) {console.log(arr[i]);for (var j=0; j<arr[i].length; j++) {console.log(arr[i][j]);} }

總結

以上是生活随笔為你收集整理的【JavaScript】核心语法之数组的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。