前端开发

 首页 > 前端开发 > javascript > js把伪数组转真实数组全部列子方法一:Array.from()方法二:Array.prototype.slice.call()方法三:Spread 操作符方法四:Array.prototype.concat()方法五:for 循环遍历最新评论添加评论

js把伪数组转真实数组全部列子方法一:Array.from()方法二:Array.prototype.slice.call()方法三:Spread 操作符方法四:Array.prototype.concat()方法五:for 循环遍历最新评论添加评论

分享到:
【字体:
导读:
         [导读] 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网。

分享到:
js 方法里 throw new Error 和 return ne...
当在 JavaScript 方法中使用 throw new Error() 和 return new Error() 时,它们之间有几个关键区别: 1.作用: 2.throw new Error(): 抛出一个错误,中断当前函数的执行,并将错误传递给调用栈上的第一个异常处理程序。 3.return new Error(): 返回一个包含错误信息的 Error 对象,但不会中断当前函数的执行。 4.处理...
纯js获取cookie最新评论添加评论
js 获得cookie 获取 cookie 的方法有多种不同的实现方式,以下是几种常用的方法: 使用 JavaScript 的 document.cookie 属性: const cookies = document.cookie; console.log(cookies); 使用正则表达式来解析 cookie: function getAllCookies() {   const cookieString = document.cookie;   const coo...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……