js把伪数组转真实数组全部列子如下:
在 JavaScript 中,有些对象看起来像数组,但实际上是伪数组(array-like objects)。这些伪数组具有类似数组的特征,例如有数值索引和 length 属性,但它们并不继承自 Array 类型,因此不能直接使用数组的方法和属性。要将这些伪数组转换为真正的数组,可以使用不同的方法,下面是几种常见的实现示例:
方法一:Array.from()
Array.from() 方法可以从类似数组或可迭代对象创建一个新的数组实例。
const arrayLike = { 0: 'a', 1: 'b', 2: 'c', length: 3 }; const trueArray = Array.from(arrayLike); console.log(trueArray); // ['a', 'b', 'c']
方法二:Array.prototype.slice.call()
通过使用 Array.prototype.slice.call() 方法,可以将伪数组转换为真正的数组。
const arrayLike = { 0: 'a', 1: 'b', 2: 'c', length: 3 }; const trueArray = Array.prototype.slice.call(arrayLike); console.log(trueArray); // ['a', 'b', 'c']
方法三:Spread 操作符
使用 ES6 的 Spread 操作符 ...,可以将伪数组展开为一个新的数组。
const arrayLike = { 0: 'a', 1: 'b', 2: 'c', length: 3 }; const trueArray = [...arrayLike]; console.log(trueArray); // ['a', 'b', 'c']
方法四:Array.prototype.concat()
使用 Array.prototype.concat() 方法,可以将伪数组与一个空数组连接,从而创建一个新的数组。
const arrayLike = { 0: 'a', 1: 'b', 2: 'c', length: 3 }; const trueArray = [].concat(arrayLike); console.log(trueArray); // ['a', 'b', 'c']
方法五:for 循环遍历
使用简单的 for 循环遍历伪数组并手动构建一个新的数组。
const arrayLike = { 0: 'a', 1: 'b', 2: 'c', length: 3 }; const trueArray = []; for (let i = 0; i < arrayLike.length; i++) { trueArray.push(arrayLike[i]); } console.log(trueArray); // ['a', 'b', 'c']
这些方法可以将伪数组转换为真正的数组,使其可以使用数组的所有方法和属性。选择哪种方法取决于个人偏好和项目需求,
但通常推荐使用 Array.from() 或 Spread 操作符 ...,因为它们更简洁和直观。
以上就是js把伪数组转真实数组全部列子全部内容,感谢大家支持自学php网。