2. 程式人生 > 實用技巧 >JS Array物件的方法總結（ES5 與 ES6）

JS Array物件的方法總結（ES5 與 ES6）

阿新 • • 發佈：2020-08-10

ES5 陣列方法

1.Array.isArray()方法用來判斷一個值是否為陣列。它可以彌補typeof運算子的不足

2.valueOf()方法返回陣列本身

3.toString()方法返回陣列的字串形式

4.push()方法用於在陣列的末端新增一個或多個元素，並返回新增新元素後的陣列長度。注意，該方法會改變原陣列。

5.pop()方法用於刪除陣列的最後一個元素，並返回該元素。注意，該方法會改變原陣列。

6.join()方法以引數作為分隔符，將所有陣列成員組成一個字串返回。如果不提供引數，預設用逗號分隔。

7.concat()方法用於多個數組的合併。它將新陣列的成員，新增到原陣列成員的後部，然後返回一個新陣列，原陣列不變。

8.shift()方法用於刪除陣列的第一個元素，並返回該元素。注意，該方法會改變原陣列。

9.unshift()方法用於在陣列的第一個位置新增元素，並返回新增新元素後的陣列長度。注意，該方法會改變原陣列。

10.reverse()方法用於顛倒陣列中元素的順序，返回改變後的陣列。注意，該方法將改變原陣列。

11.slice()方法用於提取原陣列的一部分，返回一個新陣列，原陣列不變。

12.splice()方法用於刪除原陣列的一部分成員，並可以在被刪除的位置新增入新的陣列成員，返回值是被刪除的元素。注意，該方法會改變原陣列。

　　splice的第一個引數是刪除的起始位置，第二個引數是被刪除的元素個數。如果後面還有更多的引數，則表示這些就是要被插入陣列的新元素。

13.sort()方法對陣列成員進行排序，預設是按照字典順序排序。排序後，原陣列將被改變。

14.map()方法對陣列的所有成員依次呼叫一個函式，根據函式結果返回一個新陣列。

15.forEach()方法與map方法很相似，也是遍歷陣列的所有成員，執行某種操作，但是forEach方法一般不返回值，只用來操作資料。如果需要有返回值，一般使用map方法。

　　forEach方法的引數與map方法一致，也是一個函式，陣列的所有成員會依次執行該函式。它接受三個引數，分別是當前位置的值、當前位置的編號和整個陣列。

16.filter()方法的引數是一個函式，所有陣列成員依次執行該函式，返回結果為true

的成員組成一個新陣列返回。該方法不會改變原陣列。

17.some()，every()

　　這兩個方法類似“斷言”（assert），用來判斷陣列成員是否符合某種條件。

　　它們接受一個函式作為引數，所有陣列成員依次執行該函式，返回一個布林值。該函式接受三個引數，依次是當前位置的成員、當前位置的序號和整個陣列。

　　some方法是隻要有一個數組成員的返回值是true，則整個some方法的返回值就是true，否則false。

18.reduce()，reduceRight()

19.indexOf()，lastIndexOf()

　　indexOf 方法返回給定元素在陣列中第一次出現的位置，如果沒有出現則返回-1。

　　lastIndexOf方法返回給定元素在陣列中最後一次出現的位置，如果沒有出現則返回-1。

ES6 陣列方法

1.擴充套件運算子

2.Array.from()類陣列轉換成陣列

3.Array.of()方法用於將一組值，轉換為陣列。

4.copyWithin()陣列例項的在當前陣列內部，將指定位置的成員複製到其他位置（會覆蓋原有成員），然後返回當前陣列。也就是說，使用這個方法，會修改當前陣列。

5.find()陣列例項的用於找出第一個符合條件的陣列成員。它的引數是一個回撥函式，所有陣列成員依次執行該回調函式，直到找出第一個返回值為true的成員，然後返回該成員。如果沒有符合條件的成員，則返回undefined。

6.findIndex()陣列例項的方法的用法與find方法非常類似，返回第一個符合條件的陣列成員的位置，如果所有成員都不符合條件，則返回-1。

7.fill()陣列例項的方法使用給定值，填充一個數組。

8.entries()，keys() 和 values()陣列例項的

　　ES6 提供三個新的方法——entries()，keys()和values()——用於遍歷陣列。它們都返回一個遍歷器物件（詳見《Iterator》一章），可以用for...of迴圈進行遍歷，唯一的區別是keys()是對鍵名的遍歷、values()是對鍵值的遍歷，entries()是對鍵值對的遍歷。

9.includes()陣列例項的方法返回一個布林值，表示某個陣列是否包含給定的值，與字串的includes方法類似。ES2016 引入了該方法。

10.陣列的空位指，陣列的某一個位置沒有任何值。比如，Array建構函式返回的陣列都是空位。

ES5 陣列方法

1.Array.isArray()方法用來判斷一個值是否為陣列。它可以彌補typeof運算子的不足

var a = [1, 2, 3];

typeof a // "object"
Array.isArray(a) // true

2.valueOf()方法返回陣列本身

var a = [1, 2, 3];
a.valueOf() // [1, 2, 3]

3.toString()方法返回陣列的字串形式

var a = [1, 2, 3];
a.toString() // "1,2,3"

var a = [1, 2, 3, [4, 5, 6]];
a.toString() // "1,2,3,4,5,6"

4.push()方法用於在陣列的末端新增一個或多個元素，並返回新增新元素後的陣列長度。注意，該方法會改變原陣列。

var a = [];

a.push(1) // 1
a.push('a') // 2
a.push(true, {}) // 4
a // [1, 'a', true, {}]

5.pop()方法用於刪除陣列的最後一個元素，並返回該元素。注意，該方法會改變原陣列。

var a = ['a', 'b', 'c'];

a.pop() // 'c'
a // ['a', 'b']

　　對空陣列使用pop方法，不會報錯，而是返回undefined。

6.join()方法以引數作為分隔符，將所有陣列成員組成一個字串返回。如果不提供引數，預設用逗號分隔。

var a = [1, 2, 3, 4];

a.join(' ') // '1 2 3 4'
a.join(' | ') // "1 | 2 | 3 | 4"
a.join() // "1,2,3,4"

7.concat()方法用於多個數組的合併。它將新陣列的成員，新增到原陣列成員的後部，然後返回一個新陣列，原陣列不變。

[1, 2, 3].concat(4, 5, 6)
// [1, 2, 3, 4, 5, 6]

// 等同於
[1, 2, 3].concat(4, [5, 6])
[1, 2, 3].concat([4], [5, 6])

　　concat方法也可以用於將物件合併為陣列。

[].concat({a: 1}, {b: 2})
// [{ a: 1 }, { b: 2 }]

[].concat({a: 1}, [2])
// [{a: 1}, 2]

[2].concat({a: 1})
// [2, {a: 1}]

8.shift()方法用於刪除陣列的第一個元素，並返回該元素。注意，該方法會改變原陣列。

var a = ['a', 'b', 'c'];

a.shift() // 'a'
a // ['b', 'c']

9.unshift()方法用於在陣列的第一個位置新增元素，並返回新增新元素後的陣列長度。注意，該方法會改變原陣列。

var arr = [ 'c', 'd' ];
arr.unshift('a', 'b') // 4
arr // [ 'a', 'b', 'c', 'd'

10.reverse()方法用於顛倒陣列中元素的順序，返回改變後的陣列。注意，該方法將改變原陣列。

var a = ['a', 'b', 'c'];

a.reverse() // ["c", "b", "a"]
a // ["c", "b", "a"]

11.slice()方法用於提取原陣列的一部分，返回一個新陣列，原陣列不變。

// 格式
arr.slice(start_index, upto_index);

// 用法
var a = ['a', 'b', 'c'];

a.slice(0) // ["a", "b", "c"]
a.slice(1) // ["b", "c"]
a.slice(1, 2) // ["b"]
a.slice(2, 6) // ["c"]
a.slice() // ["a", "b", "c"] 相當於複製陣列

　　如果slice方法的引數是負數，則表示倒數計算的位置。

var a = ['a', 'b', 'c'];
a.slice(-2) // ["b", "c"]
a.slice(-2, -1) // ["b"]

　　如果引數值大於陣列成員的個數，或者第二個引數小於第一個引數，則返回空陣列。

var a = ['a', 'b', 'c'];
a.slice(4) // []
a.slice(2, 1) // []

12.splice()方法用於刪除原陣列的一部分成員，並可以在被刪除的位置新增入新的陣列成員，返回值是被刪除的元素。注意，該方法會改變原陣列。

　　splice的第一個引數是刪除的起始位置，第二個引數是被刪除的元素個數。如果後面還有更多的引數，則表示這些就是要被插入陣列的新元素。

// 格式
arr.splice(index, count_to_remove, addElement1, addElement2, ...);

// 用法
var a = ['a', 'b', 'c', 'd', 'e', 'f'];
a.splice(4, 2) // ["e", "f"]
a // ["a", "b", "c", "d"]
var a = ['a', 'b', 'c', 'd', 'e', 'f'];
a.splice(-4, 2) // ["c", "d"]

　　上面程式碼表示，從倒數第四個位置c開始刪除兩個成員。

　　如果只是單純地插入元素，splice方法的第二個引數可以設為0。

var a = [1, 1, 1];

a.splice(1, 0, 2) // []
a // [1, 2, 1, 1]

13.sort()方法對陣列成員進行排序，預設是按照字典順序排序。排序後，原陣列將被改變。

[10111, 1101, 111].sort(function (a, b) {
  return a - b;
})// [111, 1101, 10111]
[
  { name: "張三", age: 30 },
  { name: "李四", age: 24 },
  { name: "王五", age: 28  }
].sort(function (o1, o2) {
  return o1.age - o2.age;
})
// [
//   { name: "李四", age: 24 },
//   { name: "王五", age: 28  },
//   { name: "張三", age: 30 }
// ]

14.map()方法對陣列的所有成員依次呼叫一個函式，根據函式結果返回一個新陣列。map方法接受一個函式作為引數。該函式呼叫時，map方法會將其傳入三個引數，分別是當前成員、當前位置和陣列本身。

var numbers = [1, 2, 3];

numbers.map(function (n) {
  return n + 1;
});
// [2, 3, 4]

numbers
// [1, 2, 3]
[1, 2, 3].map(function(elem, index, arr) {
  return elem * index;
});
// [0, 2, 6]

15.forEach()方法與map方法很相似，也是遍歷陣列的所有成員，執行某種操作，但是forEach方法一般不返回值，只用來操作資料。如果需要有返回值，一般使用map方法。

　　forEach方法的引數與map方法一致，也是一個函式，陣列的所有成員會依次執行該函式。它接受三個引數，分別是當前位置的值、當前位置的編號和整個陣列。

function log(element, index, array) {
  console.log('[' + index + '] = ' + element);
}

[2, 5, 9].forEach(log);
// [0] = 2
// [1] = 5
// [2] = 9

　　forEach方法也可以接受第二個引數，用來繫結回撥函式的this關鍵字。

var obj = {
  name: '張三',
  times: [1, 2, 3],
  print: function () {
    this.times.forEach(function (n) {
      console.log(this.name);
    }, this);
  }
};

obj.print()
// 張三
// 張三
// 張三

　　注意，forEach方法無法中斷執行，總是會將所有成員遍歷完。如果希望符合某種條件時，就中斷遍歷，要使用for迴圈。

var arr = [1, 2, 3];

for (var i = 0; i < arr.length; i++) {
  if (arr[i] === 2) break;
  console.log(arr[i]);
}
// 2

16.filter()方法的引數是一個函式，所有陣列成員依次執行該函式，返回結果為true的成員組成一個新陣列返回。該方法不會改變原陣列。

[1, 2, 3, 4, 5].filter(function (elem) {
  return (elem > 3);
})
// [4, 5]

　　filter方法還可以接受第二個引數，指定測試函式所在的上下文物件（即this物件）。

var Obj = function () {
  this.MAX = 3;
};

var myFilter = function (item) {
  if (item > this.MAX) {
    return true;
  }
};

var arr = [2, 8, 3, 4, 1, 3, 2, 9];
arr.filter(myFilter, new Obj())
// [8, 4, 9]

17.some()，every()

　　這兩個方法類似“斷言”（assert），用來判斷陣列成員是否符合某種條件。

　　它們接受一個函式作為引數，所有陣列成員依次執行該函式，返回一個布林值。該函式接受三個引數，依次是當前位置的成員、當前位置的序號和整個陣列。

　　some方法是隻要有一個數組成員的返回值是true，則整個some方法的返回值就是true，否則false。

var arr = [1, 2, 3, 4, 5];
arr.some(function (elem, index, arr) {
  return elem >= 3;
});
// true

　　every方法則是所有陣列成員的返回值都是true，才返回true，否則false。

var arr = [1, 2, 3, 4, 5];
arr.every(function (elem, index, arr) {
  return elem >= 3;
});
// false

　　注意，對於空陣列，some方法返回false，every方法返回true，回撥函式都不會執行。

　　some和every方法還可以接受第二個引數，用來繫結函式中的this關鍵字。

18.reduce()，reduceRight()reduce方法和reduceRight方法依次處理陣列的每個成員，最終累計為一個值。

　　reduce：是從左到右處理（從第一個成員到最後一個成員）

　　reduceRight：則是從右到左（從最後一個成員到第一個成員），其他完全一樣。

　　這兩個方法的第一個引數都是一個函式。該函式接受以下四個引數：

  1. 累積變數，預設為陣列的第一個成員
  2. 當前變數，預設為陣列的第二個成員
  3. 當前位置（從0開始）
  4. 原陣列

　　這四個引數之中，只有前兩個是必須的，後兩個則是可選的。

　　下面的例子求陣列成員之和。

[1, 2, 3, 4, 5].reduce(function(x, y){
  console.log(x, y)
  return x + y;
});
// 1 2
// 3 3
// 6 4
// 10 5
//最後結果：15

利用reduce方法，可以寫一個數組求和的sum方法。

let arr = [234,234,34,34,12]
Array.prototype.sum = function () {
    return this.reduce(function (partial, value) {
        return partial + value
    })
}
console.log(arr.sum())  //584

　　如果要對累積變數指定初值，可以把它放在reduce方法和reduceRight方法的第二個引數。

[1, 2, 3, 4, 5].reduce(function(x, y){
  return x + y;
}, 10);
// 25

19.indexOf()，lastIndexOf()

　　indexOf 方法返回給定元素在陣列中第一次出現的位置，如果沒有出現則返回-1。

　　lastIndexOf方法返回給定元素在陣列中最後一次出現的位置，如果沒有出現則返回-1。

var a = ['a', 'b', 'c'];

a.indexOf('b') // 1
a.indexOf('y') // -1

　　indexOf方法還可以接受第二個引數，表示搜尋的開始位置。

['a', 'b', 'c'].indexOf('a', 1) // -1

ES6 陣列方法

1.擴充套件運算子，該運算子主要用於函式呼叫。

function push(array, ...items) {
  array.push(...items);
}

function add(x, y) {
  return x + y;
}

const numbers = [4, 38];
add(...numbers) // 42

　　由於擴充套件運算子可以展開陣列，所以不再需要apply方法，將陣列轉為函式的引數了。

// ES5 的寫法
function f(x, y, z) {
  // ...
}
var args = [0, 1, 2];
f.apply(null, args);

// ES6的寫法
function f(x, y, z) {
  // ...
}
let args = [0, 1, 2];
f(...args);

　　下面是擴充套件運算子取代apply方法的一個實際的例子，應用Math.max方法，簡化求出一個數組最大元素的寫法。

// ES5 的寫法
Math.max.apply(null, [14, 3, 77])

// ES6 的寫法
Math.max(...[14, 3, 77])

// 等同於
Math.max(14, 3, 77);

　　另一個例子是通過push函式，將一個數組新增到另一個數組的尾部。

// ES5的 寫法
var arr1 = [0, 1, 2];
var arr2 = [3, 4, 5];
Array.prototype.push.apply(arr1, arr2);

// ES6 的寫法
let arr1 = [0, 1, 2];
let arr2 = [3, 4, 5];
arr1.push(...arr2);

擴充套件應用符的應用

　　a). 複製陣列（克隆陣列，修改a2，a1不會改變）

const a1 = [1, 2];
// 寫法一
const a2 = [...a1];
// 寫法二
const [...a2] = a1;

　　b). 合併陣列

// ES5
[1, 2].concat(more)
// ES6
[1, 2, ...more]

var arr1 = ['a', 'b'];
var arr2 = ['c'];
var arr3 = ['d', 'e'];

// ES5的合併陣列
arr1.concat(arr2, arr3);
// [ 'a', 'b', 'c', 'd', 'e' ]

// ES6的合併陣列
[...arr1, ...arr2, ...arr3]
// [ 'a', 'b', 'c', 'd', 'e' ]

　　c).與解構賦值結合

const [first, ...rest] = [1, 2, 3, 4, 5];
first // 1
rest  // [2, 3, 4, 5]

const [first, ...rest] = [];
first // undefined
rest  // []

const [first, ...rest] = ["foo"];
first  // "foo"
rest   // []
// 如果將擴充套件運算子用於陣列賦值，只能放在引數的最後一位，否則會報錯。

const [...butLast, last] = [1, 2, 3, 4, 5];
// 報錯

const [first, ...middle, last] = [1, 2, 3, 4, 5];
// 報錯

　　d).字串,擴充套件運算子還可以將字串轉為真正的陣列。

　　e).實現了 Iterator 介面的物件任何 Iterator 介面的物件（參閱 Iterator 一章），都可以用擴充套件運算子轉為真正的陣列。

let nodeList = document.querySelectorAll('div');
let array = [...nodeList];

　　對於那些沒有部署 Iterator 介面的類似陣列的物件，擴充套件運算子就無法將其轉為真正的陣列。

let arrayLike = {
  '0': 'a',
  '1': 'b',
  '2': 'c',
  length: 3
};

// TypeError: Cannot spread non-iterable object.
let arr = [...arrayLike];

　　上面程式碼中，arrayLike是一個類似陣列的物件，但是沒有部署 Iterator 介面，擴充套件運算子就會報錯。這時，可以改為使用Array.from方法將arrayLike轉為真正的陣列。

　　f).Map 和 Set 結構，Generator 函式

　　　　擴充套件運算子內部呼叫的是資料結構的 Iterator 介面，因此只要具有 Iterator 介面的物件，都可以使用擴充套件運算子，比如 Map 結構。

let map = new Map([
  [1, 'one'],
  [2, 'two'],
  [3, 'three'],
]);

let arr = [...map.keys()]; // [1, 2, 3]

　　Generator 函式執行後，返回一個遍歷器物件，因此也可以使用擴充套件運算子。

const go = function*(){
  yield 1;
  yield 2;
  yield 3;
};

[...go()] // [1, 2, 3]

　　上面程式碼中，變數go是一個 Generator 函式，執行後返回的是一個遍歷器物件，對這個遍歷器物件執行擴充套件運算子，就會將內部遍歷得到的值，轉為一個數組。

　　如果對沒有 Iterator 介面的物件，使用擴充套件運算子，將會報錯。

const obj = {a: 1, b: 2};
let arr = [...obj]; // TypeError: Cannot spread non-iterable object

2.Array.from()類陣列轉換成陣列

3.Array.of()方法用於將一組值，轉換為陣列。這個方法的主要目的，是彌補陣列建構函式Array()的不足。因為引數個數的不同，會導致Array()的行為有差異。

Array.of(3, 11, 8) // [3,11,8]
Array.of(3) // [3]
Array.of(3).length // 1

Array() // []
Array(3) // [, , ,]
Array(3, 11, 8) // [3, 11, 8]

　　Array.of基本上可以用來替代Array()或new Array()，並且不存在由於引數不同而導致的過載。它的行為非常統一。

Array.of() // []
Array.of(undefined) // [undefined]
Array.of(1) // [1]
Array.of(1, 2) // [1, 2]

4.copyWithin()陣列例項的在當前陣列內部，將指定位置的成員複製到其他位置（會覆蓋原有成員），然後返回當前陣列。也就是說，使用這個方法，會修改當前陣列。

　　它接受三個引數。

　　　　a).target（必需）：從該位置開始替換資料。

　　　　b).start（可選）：從該位置開始讀取資料，預設為 0。如果為負值，表示倒數。

　　　　c).end（可選）：到該位置前停止讀取資料，預設等於陣列長度。如果為負值，表示倒數。

// 將3號位複製到0號位
[1, 2, 3, 4, 5].copyWithin(0, 3, 4)
// [4, 2, 3, 4, 5]

// -2相當於3號位，-1相當於4號位
[1, 2, 3, 4, 5].copyWithin(0, -2, -1)
// [4, 2, 3, 4, 5]

// 將3號位複製到0號位
[].copyWithin.call({length: 5, 3: 1}, 0, 3)
// {0: 1, 3: 1, length: 5}   此處有疑惑

// 將2號位到陣列結束，複製到0號位
let i32a = new Int32Array([1, 2, 3, 4, 5]);
i32a.copyWithin(0, 2);
// Int32Array [3, 4, 5, 4, 5]

// 對於沒有部署 TypedArray 的 copyWithin 方法的平臺
// 需要採用下面的寫法
[].copyWithin.call(new Int32Array([1, 2, 3, 4, 5]), 0, 3, 4);
// Int32Array [4, 2, 3, 4, 5]
[].copyWithin.call({length: 5, 3: 1}, 0, 3)  // {0: 1, 3: 1, length: 5}   此處有疑惑

5.find()陣列例項的用於找出第一個符合條件的陣列成員。它的引數是一個回撥函式，所有陣列成員依次執行該回調函式，直到找出第一個返回值為true的成員，然後返回該成員。如果沒有符合條件的成員，則返回undefined。

let arr = [1, 4, -5, 10]
console.log(arr.find((n) => n < 0)) // -5
[1, 5, 10, 15].find(function(value, index, arr) {
  return value > 9;
}) // 10

上面程式碼中，find方法的回撥函式可以接受三個引數，依次為當前的值、當前的位置和原陣列。

6.findIndex()陣列例項的findIndex方法的用法與find方法非常類似，返回第一個符合條件的陣列成員的位置，如果所有成員都不符合條件，則返回-1。

[1, 5, 10, 15].findIndex(function(value, index, arr) {
  return value > 9;
}) // 2

這兩個方法都可以接受第二個引數，用來繫結回撥函式的this物件。

另外，這兩個方法都可以發現NaN，彌補了陣列的indexOf方法的不足。

[NaN].indexOf(NaN)
// -1

[NaN].findIndex(y => Object.is(NaN, y))
// 0

7.fill()陣列例項的方法使用給定值，填充一個數組。

['a', 'b', 'c'].fill(7)
// [7, 7, 7]

new Array(3).fill(7)
// [7, 7, 7]

上面程式碼表明，fill方法用於空陣列的初始化非常方便。陣列中已有的元素，會被全部抹去。

fill方法還可以接受第二個和第三個引數，用於指定填充的起始位置和結束位置。

['a', 'b', 'c'].fill(7, 1, 2)
// ['a', 7, 'c']

8.entries()，keys() 和 values()陣列例項的

　　ES6 提供三個新的方法——entries()，keys()和values()——用於遍歷陣列。它們都返回一個遍歷器物件（詳見《Iterator》一章），可以用for...of迴圈進行遍歷，唯一的區別是keys()是對鍵名的遍歷、values()是對鍵值的遍歷，entries()是對鍵值對的遍歷。

let arr = ['a', 'b']
for (let index of arr.keys()) {
    console.log(index);
}
// 0
// 1

for (let elem of arr.values()) {
    console.log(elem);
}
// 'a'
// 'b'

for (let [index, elem] of arr.entries()) {
    console.log(index, elem);
}
// 0 "a"
// 1 "b"

如果不使用for...of迴圈，可以手動呼叫遍歷器物件的next方法，進行遍歷。

let letter = ['a', 'b', 'c'];
let entries = letter.entries();
console.log(entries.next().value); // [0, 'a']
console.log(entries.next().value); // [1, 'b']
console.log(entries.next().value); // [2, 'c']

9.includes()陣列例項的方法返回一個布林值，表示某個陣列是否包含給定的值，與字串的includes方法類似。ES2016 引入了該方法。

[1, 2, 3].includes(2)     // true
[1, 2, 3].includes(4)     // false
[1, 2, NaN].includes(NaN) // true

該方法的第二個引數表示搜尋的起始位置，預設為0。如果第二個引數為負數，則表示倒數的位置，如果這時它大於陣列長度（比如第二個引數為-4，但陣列長度為3），則會重置為從0開始。

[1, 2, 3].includes(3, 3);  // false
[1, 2, 3].includes(3, -1); // true

沒有該方法之前，我們通常使用陣列的indexOf方法，檢查是否包含某個值。

if (arr.indexOf(el) !== -1) {
  // ...
}

indexOf方法有兩個缺點，一是不夠語義化，它的含義是找到引數值的第一個出現位置，所以要去比較是否不等於-1，表達起來不夠直觀。二是，它內部使用嚴格相等運算子（===）進行判斷，這會導致對NaN的誤判。

[NaN].indexOf(NaN)
// -1
[NaN].includes(NaN)
// true

另外，Map 和 Set 資料結構有一個has方法，需要注意與includes區分。

  • Map 結構的has方法，是用來查詢鍵名的，比如Map.prototype.has(key)、WeakMap.prototype.has(key)、Reflect.has(target, propertyKey)。
  • Set 結構的has方法，是用來查詢值的，比如Set.prototype.has(value)、WeakSet.prototype.has(value)。

10.陣列的空位指，陣列的某一個位置沒有任何值。比如，Array建構函式返回的陣列都是空位。

文章內容轉載，參考連結

https://www.cnblogs.com/z-dl/p/8205619.html

https://www.cnblogs.com/z-dl/p/8242960.html

相關推薦

JS Array物件的方法總結（ES5 與 ES6）

ES5 陣列方法 1.Array.isArray()方法用來判斷一個值是否為陣列。它可以彌補typeof運算子的不足

JavaScript手冊 | JS Array 物件中的toLocaleString() 方法

[ Array使用toLocaleString()陣列轉化為字串。 句法： array.toLocaleString(); 返回值： 返回表示陣列元素的字串。

字串與陣列方法總結（JavaScript）

#字串  str ##查指定str字元 str.indexof(\'str\')//存在返回索引，不存在返回-1 ##獲取指定number位置字串

Python操作excel的方法總結（xlrd、xlwt、openpyxl）

前言 在處理excel資料時發現了xlwt的侷限性–不能寫入超過65535行、256列的資料（因為它只支援Excel 2003及之前的版本，在這些版本的Excel中行數和列數有此限制），這對於實際應用還是不夠的。為此經過一番尋找發現了

JQuery常用方法總結（一）

(1)AJAX請求 1 $(function() { 2$(\'#send\').click(function() { 3$.ajax({ 4type: \"GET\", //GET或POST,

面向物件（封裝與繼承）

封裝： 封裝的概念：將程式碼的細節隱藏起來，然後對外界提供可以使用的公共方法。

Java面向物件-方法重寫（override）

方法重寫（override）*1.重寫：子類繼承父類以後，可以對父類中同名同參數的方法進行覆蓋操作*2.應用：重寫以後，當建立子類物件以後，通過子類物件呼叫子父類同名同參數的方法時，實際執行的是子類重寫父類的方法*3

js陣列常用方法總結

數 組 常 見 操 作 總 結 陣列是 js 中常見的資料格式，也是面試的一個常見考點，作為一個前端工程師，我們需要熟練的掌握有關陣列的操作技巧。下面我們就開始陣列的常用方法的總結吧。

Java 面向物件（五）面向物件特徵之一：封裝性（封裝與隱藏）

一、封裝性的引入 　　1、高內聚，低耦合 　　　　高內聚：類的內部資料操作細節自己完成，不允許外部干涉；

第三週：java面向物件部分總結（3）----異常

五、異常 1、什麼是異常 異常是指在程式的執行過程中所發生的不正常的事件，它會中斷正在執行的程式。

小樣本學習——概念、原理與方法簡介（Few-shot learning）

Few-shot learning (FSL)在機器學習領域具有重大意義和挑戰性，是否擁有從少量樣本中學習和概括的能力，是將人工智慧和人類智慧進行區分的明顯分界點，因為人類可以僅通過一個或幾個示例就可以輕鬆地建立對

js中物件方法整理

技術標籤：vue專案環境搭建前端開發常用知識 Object.assign() 用於克隆 var first = {name : \'kong\'};

Entity Framework 常用方法總結（一）

前言 以前總是使用SQL語句進行，對資料庫進行操作。參與專案後，發現使用EF的方式操作資料庫會更便捷。

JS獲取物件的長度（物件屬性數量）

技術標籤：JSweb前端javascript 物件的長度不能用.length獲取，可以用js原生的Object.keys獲得一個物件屬性的陣列，然後再用.length

網路傳輸時既有管道流（PipedInputStream 與 PipedOutStream）又有序列化物件、反序列化物件（ObjectOutputStream與 ObjectInputStream），還有在集合中、流中都有的身影的Properties究竟是何方神物？我們該怎麼選擇呢？

網路傳輸時既有管道流（PipedInputStream 與 PipedOutStream）又有序列化物件、反序列化物件（ObjectOutputStream與 ObjectInputStream），還有在集合中、流中都有的身影的Properties究竟是何方神物？我們該怎麼選擇

linux後臺開發中避免殭屍程序的方法總結（轉）

一、什麼是僵死程序？ 一般情況下，程式呼叫exit（包括_exit和_Exit,它們的區別這裡不做解釋），它的絕大多數記憶體和相關的資源已經被核心釋放掉，但是在程序表中這個程序項（entry）還保留著（程序ID，退出狀態，

JS字串擷取方法彙總（slice、substring、substr等）

在開發中常常會需要擷取字串，而JavaScript提供了很多種方法實現擷取操作。本文對各種方法做個整理，供大家參考。

介面測試總結分享（http與rpc）

介面測試是測試系統元件間介面的一種測試。介面測試主要用於檢測外部系統與系統之間以及內部各個子系統之間的互動點。測試的重點是要檢查資料的交換，傳遞和控制管理過程，以及系統間的相互邏輯依賴關係等。

在虛擬機器、Mac 電腦和舊電腦上繞過 TPM 安裝 Windows 11 的方法總結（提供通用無 TPM 檢測映象下載）

Windows 11 繞過 TPM 方法總結，通用無 TPM 映象下載 請訪問原文連結：https://sysin.cn/blog/windows-11-no-tpm/，檢視最新版。原創作品，轉載請保留出處。

js 深拷貝方法總結

首推的方法簡單有效，JSON.stringfy()和JSON.parse()即可搞定。但是這種簡單粗暴的方法有其侷限性。