网站地图    收藏   

主页 > 前端 > javascript >

js把伪数组转真实数组全部列子

来源:未知    时间: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

添加评论