主页 > 前端 > javascript >
来源:未知 时间:2024-04-22 16:15 作者:小飞侠 阅读:次
[导读] js把伪数组转真实数组全部列子如下: 在 JavaScript 中,有些对象看起来像数组,但实际上是 伪数组(array-like objects) 。这些伪数组具有 类似数组的特征 ,例如有 数值索引 和 length 属...
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网。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com