主页 / 问题 / 708534
Accepted
Yuri
Asked:2020-08-21 17:12:22 +0000 UTC2020-08-21 17:12:22 +0000 UTC

从数组到伪数组

  • 772

很多人问如何把NodeList、HTMLColletion等伪数组变成Array。所以我需要相反的。也就是说，我需要将一个Array，例如，变成一个NodeList。

怎么做？

有两个“但是”：

  1. 我不知道我到底有什么：NodeList、HTMLColletion 或其他一些伪数组；但是我有一个带有该原型的伪数组来将数组转换为。
  2. 不要提供通过参数更改__proto__的选项，因为我需要一个至少可以在 IE10 中使用的选项
javascript

1 个回答

  1. Best Answer

    不幸的是，即使使用__proto__.

    当您更改__proto__数组时，它只会将“父级”从更改Array为您指定的任何内容。这会将标准属性从 更改Array.prototype为[{Object}].prototype。

    var elements = document.querySelectorAll('div');
var array = [document.querySelector('div')];

// Изменяем прото массива
array.__proto__ = NodeList.prototype;

// Проверяем содержимое обоих элементов
console.log(elements); // [<div></div>, item, entries, forEach, keys, values]
console.log(array); // [<div></div>, item, entries, forEach, keys, values]

// Провряем тип элементов
console.log({}.toString.call(elements)); // [object NodeList]
console.log({}.toString.call(array)); // [object NodeList]

// Но тут сюрприз
console.log(Array.isArray(elements)); // false
console.log(Array.isArray(array)); // true
    <div></div>

    从示例中可以看出，数组并没有不再是数组，而是纯粹从视觉上看，根据对象的类型，它看起来像一个 NodeList。

    从技术上讲，伪数组可以是任何内部具有长度属性的对象，该属性必须是正整数。至少，Array.from()主要关注这个属性。

    Object.canAccessAsArray = function(object) {
  return Number.isInteger(Number(object.length)) && Number(object.length) >= 0;
};

// Тут выдаст массив с тремя пустыми значениями
console.log( Object.canAccessAsArray({length: 3}) + ' => ' + Array.from({length: 3}) );
// А тут есть значения
console.log( Object.canAccessAsArray({'0': 'a', '1': 'b', '2': 'c', length: 3}) + ' => ' + Array.from({'0': 'a', '1': 'b', '2': 'c', length: 3}) );
// А тут будет пустой массив, из за отсутствия length
console.log( Object.canAccessAsArray({'0': 'a', '1': 'b', '2': 'c'}) + ' => ' + Array.from({'0': 'a', '1': 'b', '2': 'c'}) );

    • 0

相关问题