JS(JavaScript)

數(shù)組；

一.數(shù)組是什么；

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

二.一維數(shù)組；

1.定義數(shù)組；

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

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

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

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

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

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

2.索引數(shù)組；

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

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

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

console.log(arr.length);

3.關(guān)聯(lián)數(shù)組；存儲元素的位置使用字符串來表示

/*

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

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

4.稀疏數(shù)組；包含0開始的不連續(xù)索引的數(shù)組

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

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

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.數(shù)組的長度；以length屬性，用來表示指定數(shù)組的長度和個數(shù)6.數(shù)組元素的讀取；用于存儲和讀取數(shù)據(jù)信息

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

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

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

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);
//通過數(shù)字索引值到對應(yīng)元素的位置，再通過重新賦值操作進行修改
arr1[4] = '愛新覺羅';
console.log(arr1);
//如果索引值是新的，就是新增數(shù)組的元素操作

8.數(shù)組元素的刪除；使用delete關(guān)鍵字競秀刪除數(shù)組中指定的元素值

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

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

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

• 只是刪除元素數(shù)據(jù)內(nèi)容，而對應(yīng)位置被保留；稀疏數(shù)組
  */

9.遍歷數(shù)組元素；通常使用循環(huán)語句獲取數(shù)組的數(shù)據(jù)

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語句

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

// 關(guān)聯(lián)數(shù)組的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語句可以循環(huán)遍歷關(guān)聯(lián)數(shù)組, for語句不行 for (var i in arr1) {console.log(arr1[i]); }// 稀疏數(shù)組 - 數(shù)組的長度與元素的個數(shù)不一致 var arr2 = []; arr2[0] = '犬夜叉'; arr2[3] = 16; arr2[5] = '半妖';/*for (var i=0; i<arr2.length; i++) {console.log(arr2[i]); }*/ // for..in語句循環(huán)遍歷稀疏數(shù)組(直接得到有效元素值), for語句不行 for (var i in arr2) {console.log(arr2[i]); }

三.二維數(shù)組；

1.二維數(shù)組是什么；

---

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

---

為規(guī)整和不規(guī)整的二維數(shù)組，是指外層數(shù)組元素內(nèi)部數(shù)據(jù)元素的個數(shù)是一致還有不一樣的
3.使用二維數(shù)組；

---

獲取二維數(shù)組，中元素內(nèi)容，使用練習(xí)需要連續(xù)2個索引值一個表示外層索引值一個內(nèi)部索引值

var arr = [];// 定義一個空數(shù)組 arr[0] = [100,200,300]; arr[1] = [400,500,600]; arr[2] = [700,800,900];// console.log(arr); // 訪問二維數(shù)組中的元素 var result = arr[0]; /*console.log(result[0]);console.log(arr[0][0]);*/// 循環(huán)遍歷二維數(shù)組 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]);} }

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。