改進的數組功能
new Array()的怪異行為，當構造函數傳入一個數值型的值，那麼數組的length屬性會被設為該值；如果傳入多個值，此時無論這些值是不是數值型的，都會變為數組的元素。這個特性另人困惑，你不可能總是注意傳入數據的類型，所以存在一定的風險。
Array.of()
無論傳多少個參數，不存在單一數值的特例（一個參數且數值型），總是返回包含所有參數的數組。
let items = Array.of(1,2);
console.log(items.length); //2
console.log(items[0]); // 1
console.log(items[1]); // 2
items = Array.of(2);
console.log(items.length); //1
console.log(items[0]); //2
items = Array.of("2");
console.log(items.length); //1
console.log(items[0]); //"2"
Array.from()
將類數組對象轉成數組對象來使用，Array.from()調用基於arguments對象中的元素創建一個新數組，args是Array的一個實例，包含arguments對象中同位置的相同值。如下：
function doSomthing(){
var args = Array.from(arguments);
// 使用args
}
// 可以提供一個映射函數作為Array.from()的第二個參數，這個函數用來將類數組對象中的每一個值轉換成其他形式
// 還有第三個參數，是用來綁定上下文的
function translage(){
return Array.from(arguments,(value)=>value+1)
}
let numbers = translage(1,2,3)
console.log(numbers) // 2,3,4
// 可以轉換可迭代對象
let numbers = {
*[Symbol.iterator](){
yield 1;
yield 2;
yield 3;
}
}
let number2 = Array.from(numbers,(value)=>value+1)
console.log(numbers2) // 2,3,4
所有對象的新方法
- find() 和 findIndex()方法
- fill()
- copyWithin
定型數組
一種用於處理數值類型（正如其名，不是所有類型）數據的專用數組。
定型數組的使用要先創建數據緩衝區
let buffer = new ArrayBuffer(10) // 分配10個節節
console.log(buffer.byteLength) // 10
也以可以使用slice方法分割已有數組緩衝區來創建一個新的，這個slice()方法與數組上的slice()方法很像，傳入開始索引和結束索引作為參數，然後返回一個新的ArrayBuffer實例，新實例由原始數組緩衝區的切片組成。
let buffer = new ArrayBuffer(10)
let buffer2 = buffer.slice(2,6);
console.log(buffer2.byteLength) //2
通過視圖操作數組緩衝區
先創建ArrayBuffer實例，然後再用這個實例來創建新的DataView
let buffer = new ArrayBuffer(10),
view = new DataView(buffer);
// view對象可以訪問緩衝區中所有10個字節，如果提供一個表示比特偏移的數值，那麼這個緩衝區的其中一部分來創建視圖
view = new DataView(buffer,5,2); // 包含位於索引5和6的字符
- 通過以下幾個屬性可以獲取視圖信息
- buffer 綁定的數組緩衝區
- byteOffset 默認是0
- byteLength
讀取寫入數據
js有8種數值型數據類型，對於其中的每一種，都能在DataView的原型上找到相應的數組緩衝區中寫入數據和讀取數據的方法。這些方法名都以set或get打頭，緊跟著是每種數據類型的縮寫，如下：
getInt8(byteOffset,litteEndian)setInt8(byteOffset,litteEndian)getUnit8(byteOffset,litteEndian)setUnit8(byteOffset,litteEndian)- ...
let buffer = new ArrayBuffer(10),
view = new DataView(buffer);
view.setInt8(0,5);
view.setInt8(1,-1);
console.log(view.getInt16(0)); //1535
console.log(view.getInt8(0)); //5
console.log(view.getInt8(1)); //-1
定型數組是視圖
- 定型數組與普通數組的相似之處
- 差別
主題測試文章，只做測試使用。發佈者：Walker，轉轉請注明出處：https://walker-learn.xyz/archives/4336
