array 構(gòu)造器

ES6 && API >>> WEBPACK && GULP >> REACT || VUE

Ctrl+B //打開(kāi)項(xiàng)目下文件
Ctrl+N //新建文件untitled
Ctrl+M //跳轉(zhuǎn)到語(yǔ)句頂部（底部）
Ctrl+D //選中光標(biāo)前(中)語(yǔ)句
Ctrl+G //跳轉(zhuǎn)到指定行號(hào)位置
Ctrl+J //上下行合并（刪除中間enter锯岖，spase）
Ctrl+L //選中光標(biāo)所在行
Ctrl+W //關(guān)閉當(dāng)前文件
Ctrl+R //跳轉(zhuǎn)到函數(shù)位置绰寞，css屡限，html
Ctrl+\ //關(guān)閉側(cè)邊欄
Ctrl+[ ] //前后移一字符
Ctrl+< //設(shè)置

通常使用字面量去聲明 以下例外 array更為簡(jiǎn)潔

const b  = Array(8);//[undefined × 8]
const a = [];
a.length = 8; //[undefined × 8]
//Array(8)更為簡(jiǎn)潔

未使用new 瀏覽器會(huì)做如下操作

function Array(){
  // 如果this不是Array的實(shí)例踏施，那就重新new一個(gè)實(shí)例
  if(!(this instanceof arguments.callee)){
    return new arguments.callee();
  }
}

Array構(gòu)造器根據(jù)參數(shù)長(zhǎng)度的不同剂娄，做以下處理。

• new Array(arg1, arg2,…)剖张，參數(shù)長(zhǎng)度為0或長(zhǎng)度大于等于2時(shí)，傳入的參數(shù)將按照順序依次成為新數(shù)組的第0至N項(xiàng)（參數(shù)長(zhǎng)度為0時(shí)揩环，返回空數(shù)組）搔弄。
• new Array(len)，當(dāng)len不是數(shù)值時(shí)丰滑，處理同上顾犹，返回一個(gè)只包含len元素一項(xiàng)的數(shù)組；當(dāng)len為數(shù)值時(shí)吨枉，根據(jù)如下規(guī)范蹦渣，len最大不能超過(guò)32位無(wú)符號(hào)整型，即需要小于2的32次方（len最大為Math.pow(2,32) -1或-1>>>0）貌亭，否則將拋出RangeError柬唯。

• Array.of()

  • Array.of() 方法創(chuàng)建一個(gè)具有可變數(shù)量參數(shù)的新數(shù)組實(shí)例，而不考慮參數(shù)的數(shù)量或類(lèi)型圃庭。

  Array.of(element0[, element1[, ...[, elementN]]]);
  Array.of(7);//[7]
  Array(7);//[undefined x 7]
  

• Array.from()

  • 只要一個(gè)對(duì)象有迭代器锄奢，Array.from就能把它變成一個(gè)數(shù)組（當(dāng)然，是返回新的數(shù)組剧腻，不改變?cè)瓕?duì)象）拘央。以下均可轉(zhuǎn)換。
    • 類(lèi)數(shù)組對(duì)象 {0:'name',1:'sex',length:2}
    • 可遍歷對(duì)象书在。map set

  Array.from(arrayLike[, mapFn[, thisArg]]);
  arrayLike
  想要轉(zhuǎn)換成真實(shí)數(shù)組的類(lèi)數(shù)組對(duì)象或可遍歷對(duì)象灰伟。
  mapFn 可選
  可選參數(shù)，如果指定了該參數(shù)儒旬，則最后生成的數(shù)組會(huì)經(jīng)過(guò)該函數(shù)的加工處理后再返回栏账。
  thisArg 可選
  可選參數(shù)，執(zhí)行 mapFn 函數(shù)時(shí) this 的值栈源。
  

  Array.from('abc');//["a", "b", "c"]
  

• Array.isArray()

  Array.isArray([]);//true
  Object.getPrototypeOf(array) === Array.prototype
  

• 數(shù)組推導(dǎo) (瀏覽器支持率過(guò)低 暫不贅述);

    Object.getOwnPropertyNames(Array.prototype); //獲取array  prototype 上的方法
  

改變自身值的方法(9個(gè))

• pop

  pop() 方法刪除一個(gè)數(shù)組中的最后的一個(gè)元素挡爵，并且返回這個(gè)元素。如果是棧的話(huà)甚垦，這個(gè)過(guò)程就是棧頂彈出茶鹃。

  可操作類(lèi)對(duì)象數(shù)組,如果類(lèi)對(duì)象數(shù)組不具有長(zhǎng)度屬性,返回undefind,并追加長(zhǎng)度為0

  棧是一種先進(jìn)后出的結(jié)構(gòu)，新添加的或待刪除的元素都保存在棧的末尾艰亮，稱(chēng)作棧頂闭翩，另一端叫做棧底。

  var arr = [1,2,3,4];
  arr.pop();//[1,2,3]
  

• push

  push()方法添加一個(gè)或者多個(gè)元素到數(shù)組末尾迄埃，并且返回?cái)?shù)組新的長(zhǎng)度男杈。如果是棧的話(huà)，這個(gè)過(guò)程就是棧頂壓入调俘。

  var arr = [];
  arr.push(1,2,3); [1,2,3]
  var arr2 = [4,5];
  var l = Array.prototype.push.apply(arr,arr2);// 5
  arr;// [1,2,3,4,5]
  

• reverse

  reverse()方法顛倒數(shù)組中元素的位置伶棒，第一個(gè)會(huì)成為最后一個(gè)，最后一個(gè)會(huì)成為第一個(gè)彩库，該方法返回對(duì)數(shù)組的引用肤无。

  語(yǔ)法：arr.reverse()

  var arr = [1,2,3];
  var arr2 = arr.reverse();
  arr;//[3,2,1]
  

  可操作類(lèi)對(duì)象數(shù)組。

• shift

  shift()方法刪除數(shù)組的第一個(gè)元素骇钦，并返回這個(gè)元素宛渐。如果是棧的話(huà)，這個(gè)過(guò)程就是棧底彈出眯搭。

  語(yǔ)法：arr.shift()

  var arr = [1,2,3];
  var itmes = arr.shift();
  arr;//[2,3]
  itme;// 1
  

  可操作類(lèi)對(duì)象數(shù)組窥翩。

• sort

  sort()方法對(duì)數(shù)組元素進(jìn)行排序，并返回這個(gè)數(shù)組鳞仙。

  語(yǔ)法：arr.sort([comparefn])

  //無(wú)comparefn,轉(zhuǎn)換為unicode 進(jìn)行排序
  var arr = [1,2,3,10,5];
  arr.sort(); // [1, 10, 2, 3, 5]
  //
  

• 如果指明了comparefn寇蚊，數(shù)組將按照調(diào)用該函數(shù)的返回值來(lái)排序。若 a 和 b 是兩個(gè)將要比較的元素：

  • 若 comparefn(a, b) < 0棍好，那么a 將排到 b 前面仗岸；
  • 若 comparefn(a, b) = 0，那么a 和 b 相對(duì)位置不變借笙；
  • 若 comparefn(a, b) > 0扒怖，那么a , b 將調(diào)換位置；

  var arr = [1,3,55,6,100,10,23];
  arr.sort((a,b) => a-b); //[1, 3, 6, 10, 23, 55, 100]
  

  var arr = ['shift','push','revarse','pop','sort'];
  arr.sort((a,b)=>a.localeCompare(b));//["pop", "push", "revarse", "shift", "sort"]
  //localeCompare
  //返回一個(gè)數(shù)字表示是否 引用字符串 在排序中位于 比較字符串 的前面业稼，后面盗痒，或者二者相同。
  //  當(dāng) 引用字符串 在 比較字符串 前面時(shí)返回 -1
  //  當(dāng) 引用字符串 在 比較字符串 后面時(shí)返回 1
  //  相同位置時(shí)返回 0
  

• splice

  splice() 方法通過(guò)刪除現(xiàn)有元素和/或添加新元素來(lái)更改一個(gè)數(shù)組的內(nèi)容低散。

  語(yǔ)法

  array.splice(start)
  array.splice(start, deleteCount)
  array.splice(start, deleteCount, item1, item2, ...)
  

  • array.splice(start)

      var arr = [1,2,3,4,5];
      arr.splice(0);//[1,2,3,4,5]
      arr; //[]
    
      var arr = [1,2,3,4,5];
      arr.splice(3);//[4,5]
      arr; //[1,2,3]
    
      var arr = [1,2,3,4,5];
      arr.splice(6);//[]
      arr;//[1,2,3,4,5]
    
      var arr = [1,2,3,4,5];
      arr.splice(-1); //[5]
      arr;//[1, 2, 3, 4]
    
      //start
      //指定修改的開(kāi)始位置（從0計(jì)數(shù)）俯邓。(1)(2)
      //如果超出了數(shù)組的長(zhǎng)度，則從數(shù)組末尾開(kāi)始添加內(nèi)容谦纱。(3)
      //如果是負(fù)值看成，則表示從數(shù)組末位開(kāi)始的第幾位（從1計(jì)數(shù)）。(4)
    

  • array.splice(start, deleteCount)

    var arr = [1,2,3,4,5];
    arr.splice(0,3);//[1,2,3]
    arr; //[4,5]
    
    var arr = [1,2,3,4,5];
    arr.splice(0,0);//[]
    arr;//[1,2,3,4,5]
    
    var arr = [1,2,3,4,5];
    arr.splice(0,10); //[1,2,3,4,5]
    arr;//[]
    //deleteCount
    //整數(shù)跨嘉，表示要移除的數(shù)組元素的個(gè)數(shù)川慌。(1)
    //如果 deleteCount 是 0，則不移除元素祠乃。這種情況下梦重，至少應(yīng)添加一個(gè)新元素。(2)
    //如果 deleteCount 大于start 之后的元素的總數(shù)亮瓷，則從 start 后面的元素都將被刪除（含第 start 位）琴拧。(3)
    

  • array.splice(start, deleteCount, item1, item2, ...)

    var arr = [1,2,3,4,5];
    arr.splice(0,3,'splice');//[1,2,3]
    arr;//['splice',4,5]
    
    var arr = [1,2,3,4,5];
    arr.splice(-1,2,'hi','children');
    arr;//[[1,2,3,'hi','children']
    //item1, item2, ...
    //要添加進(jìn)數(shù)組的元素,從start 位置開(kāi)始。
    //如果不指定嘱支，則 splice() 將只刪除數(shù)組元素蚓胸。
    

• unshift

  將一個(gè)或多個(gè)元素添加到數(shù)組的開(kāi)頭挣饥，并返回新數(shù)組的長(zhǎng)度

  棧底插入

  語(yǔ)法arr.unshift(element1, ..., elementN)

  var arr = [1,2];
  arr.unshift(-1,0);
  arr;//[-1,0,1,2]
  
  arr.unshift([-3,-2]);
  arr;//[[-3,-2],-1,0,1,2];
  
  Array.prototype.unshift.apply(arr,[-4]);
  arr;// [-4,[-3,-2],-1,0,1]
  

• copyWithin(ES6)

  copyWithin() 方法淺復(fù)制數(shù)組的一部分到同一數(shù)組中的另一個(gè)位置，并返回它沛膳，而不修改其大小扔枫。

  語(yǔ)法：arr.copyWithin(target, start=0[, end = this.length])

  • taget 指定被替換元素的索引
  • start 指定替換元素起始的索引
  • end 可選，指的是替換元素結(jié)束位置的索引锹安。

  [1,2,3,4,5,6].copyWithin(-2);//[1,2,3,4,1,2]
  //無(wú)start默認(rèn)為0短荐，end為arr.length
  [1,2,3,4,5,6].copyWithin(0,3);//[4,5,6,4,5,6]
  [1,2,3,4,5,6].copyWithin(0,2,3);//[3,2,3,4,5,6]
  [1,2,3,4,5,6].copyWithin(-2,-3,-1);// [1, 2, 3, 4, 4, 5]
  

  可用于類(lèi)數(shù)組對(duì)象

• fill(ES6)

  fill() 方法用一個(gè)固定值填充一個(gè)數(shù)組中從起始索引到終止索引內(nèi)的全部元素。

  語(yǔ)法

  arr.fill(value)
  arr.fill(value, start)
  arr.fill(value, start, end)
  

  可用于類(lèi)數(shù)組對(duì)象

  var arr = [1,2,3,4,5];
  arr.fill(6);//[6,6,6,6,6]
  arr.fill(5,3);//[6,6,6,5,5];
  arr.fill(1,0,3);//[1,1,1,5,5]
  

不會(huì)改變自身的方法(9個(gè))