js对象数组按照另一个数组排序

JavaScript031

js对象数组按照另一个数组排序,第1张

场景

下拉列表有4个选项

用户按照先后排序后保存

[2, 4, 1, 3]

保存完后,按照顺序进行排序

思路,两个数组,排序有点困难

如果变成一个数组排序,就方便了

我们给每个option新增一个排序属性sordId

这个sordId的值就是 option的id在 showArr中的索引位置

现在我们的options数组已经可以排序了

再写一个对象数组按照属性名排序的方法

最后输出

主要有三种方式,for...in 、Object.keys(obj)、Object.getOwnPropertyNames(obj):

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>遍历对象的几种方式</title>

</head>

<body>

</body>

<script>

const obj = {

a:1,

b:true,

c:"hello"

}

//方式1:for in方式  

for(let key  in obj){

        console.log(key)

   }

//Object.keys 方式 直接返回一个数组

console.log(Object.keys(obj))

console.log(Object.getOwnPropertyNames(obj))

</script>

</html>

如果想要了解他们具体的区别的话,可以看下这篇博客JS中三种主要的遍历对象的方法:for in、Object.