站长网(Downzz.com)
站长网(Downzz.com)
当前位置:首页 > 站长教程 > 建站经验 > 前端规范
JavaScript遍历对象属性顺序
时间:2021-09-08 13:32:12 围观:136 来源:Downzz

通常我们遍历数组元素,是按照数组元素索引值大小的顺序进行。

代码实例如下:

var arr = ["Downzz.com", 5, "青岛市南区", "softwhy.com"];
for (var index = 0; index < arr.length; index++) {
  console.log(arr[index]);
}

遍历是按照索引的顺序进行的,非常简单的代码不多介绍。

遍历对象中属性也是常见的操作,代码实例如下:

var obj = {
  webName: "Downzz.com",
  "15": 5,
  address: "青岛市南区",
  url:"softwhy.com"
}
for (var property in obj) {
  console.log(property);
}

从感性上来讲,可能会认为遍历属性的顺序是按照属性定义的顺序来进行的。

然而事实并非如此,代码运行效果截图如下:


很明显属性的遍历顺序并非预期结果。

总结如下:

(1).首先,遍历属性名为数值的属性,按照数字由小到大。

(2).再次,遍历属性名为字符串的属性,按照定义时间由早到晚。

(3).最后,遍历属性名为Symbol(ES2015新增)值的属性,按照定义时间由早到晚。

并且数字属性总是在字符串和Symbol属性的前面。

文章为作者独立观点不代表本网立场,未经允许不得转载。