JavaScript數(shù)組(上)

Harpsichord1207 發(fā)布于2019-08-23 12:13 / 1246人閱讀

摘要：可以模仿棧和隊(duì)的進(jìn)入方式隊(duì)先進(jìn)先出隊(duì)后進(jìn)后出棧后進(jìn)先出棧先進(jìn)后出將數(shù)組以特定字符串連接，并返回字符串，默認(rèn)以逗號(hào)連接。如數(shù)組成員為空位，或這三者將以空串代替。改變?cè)瓟?shù)組排列方式會(huì)改變?cè)瓟?shù)組，進(jìn)行升序和降序。

數(shù)組篇 定義方式

通過(guò)構(gòu)造函數(shù)，new一個(gè)array，可以填寫參數(shù)，一般除數(shù)字外不建議填

let arr = new Array();
let arr1 = new Array(3);  //代表length為3，鍵值都是空位
0 in arr1;                //false，因?yàn)槭强瘴?，所以不存在索引，?shù)組會(huì)忽略尾部逗號(hào)

通過(guò)字面量定義

let arr = [1,2,3,4,5,56]

數(shù)組類型判定

typeof,不建議,最客觀也只返回object

let arr = [1,2];
typeof arr        //object

instanceof,不是最佳，原因是instanceof的原理是通過(guò)原型鏈判斷兩邊是否相等，但是在多框架下，a框架下的數(shù)組原型在b框架下就不一定了

arr instanceof Array;    //true
a instanceof b;     
//a.__proto__.proto__.... === b.prototype;a通常為對(duì)象，b為構(gòu)造函數(shù)

Array.isArray(),能解決第二種的問(wèn)題

Array.isArray(arr);     //true

數(shù)組屬性-length

增加數(shù)組長(zhǎng)度

let arr = [1,2,3];
arr.length = 4;
3 in arr;            //false
arr[3] = undefined;  //能增加length值，鍵值為undefined
3 in arr;            //true,

減少數(shù)組長(zhǎng)度

let arr = [1,2,3];
arr.length = 2;
console.log(arr[2]);    //undefined
arr.length = 0;        //最簡(jiǎn)單的清空方式，[]

數(shù)組方法

valueof(),toString()，通常用于數(shù)組對(duì)象轉(zhuǎn)換成別的數(shù)據(jù)類型，arr.valueof().toString()

push,pop,shift,unshift，4種方法都能改變?cè)瓟?shù)組，前兩個(gè)速度快，因?yàn)闄z索位置是尾部，后兩者是首部。可以模仿棧和隊(duì)的進(jìn)入方式：

隊(duì)先進(jìn)先出：

let arr = [];
arr.push(1);
arr.push(2);   //[1,2]
arr.shift()    //[2]

隊(duì)后進(jìn)后出：

let arr = [];
arr.unshift(1);
arr.unshift(2);   //[2,1]
arr.pop();        //[2]

棧后進(jìn)先出：

let arr = [];
arr.unshift(1);
arr.unshift(2);     //[2,1]
arr.shift();        //[1]

棧先進(jìn)后出：

let arr = [];
arr.push(1);
arr.push(2);         //[1,2]
arr.pop();           //[1]

join(),將數(shù)組以特定字符串連接，并返回字符串，默認(rèn)以逗號(hào)連接。如數(shù)組成員為空位，undefined或null,這三者將以空串代替。

let arr = [,undefined,null];
arr.join(";");   //;;
let arr1 = [1,,2];
arr1.join(".");  //1..2

concat()，將括號(hào)內(nèi)參數(shù)與原數(shù)組進(jìn)行拼接，返回新數(shù)組，原數(shù)組不變，參數(shù)類型不固定個(gè)數(shù)不固定。是淺拷貝，如參數(shù)為對(duì)象拷貝的是索引。

let arr = [1];
let obj = {a: 2};
let new_arr = arr.concat("123",obj); 
obj.a = 3;
console.log(new_arr);         //[1, "123", {a: 3}]

sort(), reverse(),改變?cè)瓟?shù)組排列方式（會(huì)改變?cè)瓟?shù)組），進(jìn)行升序和降序。它是先將元素轉(zhuǎn)為字符串，按首個(gè)字符的u碼進(jìn)行排列，這就導(dǎo)致排列出錯(cuò)。sort()可以添加傳入一個(gè)函數(shù)作為參數(shù)，將排序進(jìn)行改進(jìn)

let arr = [1, 2, 12, 3, 4];
arr.sort();             //[1, 12, 2, 3, 4]

let arr = [1, 2, 12, 3, 4];
arr.sort(function (a, b) {
    return a - b;     //<0,在前；>0，在后；=0不變；
});
console.log(arr);    //[1, 2, 3, 4, 12],

slice()與splice(),
slice(start, end),類似切片截取，返回截取的新數(shù)組，原數(shù)組不變,兩個(gè)參數(shù)前閉后開(kāi),是淺拷貝
splice(start, count, addElement1, addElement2, ...),從start開(kāi)始刪除，數(shù)量為count，接著添加后面的元素; 若填寫一個(gè)參數(shù)則 count默認(rèn)length-arg-1，即刪到末尾;返回被刪除的數(shù)組，原數(shù)組改變

let arr = [1, 2, 3, 4, 5];
arr.slice();             //[1, 2, 3, 4, 5]
arr.slice(1, -1);        //[2, 3, 4]
arr.slice(0, 5);         //[1, 2, 3, 4, 5]  
arr.slice(2, 1);         //error, 前者不能大于后者（同+-符號(hào)）

let arr = [1, 2, 3, 4];
let del = arr.splice(1, 3, "345", 67);
console.log(arr);                //[1, "345", 67]
console.log(del);                //[2, 3, 4]
let arr1 = [1, 2, 3, 4, 5];
arr1.splice(1);
console.log(arr1);               //[1]