【JavaScript】核心語法之?dāng)?shù)組

ghnor 發(fā)布于2019-08-23 10:52 / 804人閱讀

摘要：數(shù)組一數(shù)組是什么是值得有序集合，每個(gè)元素都在數(shù)組里有唯一的位置，用數(shù)字表示，叫做索引數(shù)據(jù)用字符串表示，叫關(guān)聯(lián)數(shù)組。

JS(JavaScript)

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

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

二.一維數(shù)組；

1.定義數(shù)組；

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

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

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

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

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

    1.字面量/直接量方式定義
      var 數(shù)組名稱 = [元素一, 元素二, ...]
  
var arr1 = [];// 定義一個(gè)空數(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ù)組的長度(存在元素的個(gè)數(shù))

var arr3 = new Array();// 定義一個(gè)空數(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ù)組的長度(存在元素的個(gè)數(shù))
var arr7 = Array();// 定義一個(gè)空數(shù)組
var arr8 = Array(100, "愛新覺羅", true, undefined);
var arr9 = Array(10);
console.log(arr9);

2.索引數(shù)組；

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

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

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

console.log(arr.length);

 3.關(guān)聯(lián)數(shù)組；

存儲(chǔ)元素的位置使用字符串來表示

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

*/
var arr = [];// 定義一個(gè)空數(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ù)；沒有定義元素的位置默認(rèn)為空(undefined)

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

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

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

}
console.log(newArr);


 5.數(shù)組的長度；

以length屬性，用來表示指定數(shù)組的長度和個(gè)數(shù)
 6.數(shù)組元素的讀取；

用于存儲(chǔ)和讀取數(shù)據(jù)信息

var arr = ["愛新覺羅",100,null];
console.log(arr);
//調(diào)用數(shù)組名稱，得到只是存儲(chǔ)所有元素?cái)?shù)值的集合
console.log(arr[0]);
//訪問索引數(shù)組中的元素；數(shù)組名稱[索引值]
console.log(arr[5]);
//如果訪問了數(shù)組中未定義位置的冤死時(shí)；語法不報(bào)錯(cuò)，結(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ù)組元素的修改；

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

 8.數(shù)組元素的刪除；

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

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

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

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

只是刪除元素?cái)?shù)據(jù)內(nèi)容，而對(duì)應(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

console.log(arr[i]);

}
//for語句

10.for...in語句

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

// 關(guān)聯(lián)數(shù)組的length屬性為 0
var arr1 = [];
arr1["name"] = "犬夜叉";
arr1["age"] = 16;
arr1["job"] = "半妖";

/*for (var i=0; i
三.二維數(shù)組；
1.二維數(shù)組是什么；

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

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

獲取二維數(shù)組，中元素內(nèi)容，使用練習(xí)需要連續(xù)2個(gè)索引值一個(gè)表示外層索引值一個(gè)內(nèi)部索引值
var arr = [];// 定義一個(gè)空數(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