es6交换数组对象元素的位置其他bug解决方案

方法一：（此方法有些注意的细节是可以优化的）
1、findIndex查找元素在数组中的位置
2、通过结构赋值交换数组位置，可以多个同时调换
[arr0[mingIndex],arr0[lanIndex],arr0[lvIndex]] = [arr0[lvIndex],arr0[mingIndex],arr0[lanIndex]];
左边是元素在数组中的原本的排列顺序右边是自己希望的排列顺序。

var arr0 = [ {name:"小明",age:12,sex:"男"}, {name:"小篮",age:13,sex:"女"}, {name:"小绿",age:14,sex:"女"}, {name:"小红",age:15,sex:"男"}, ] var mingIndex = arr0.findIndex((v)=>{return v.name == "小明"}) var lanIndex = arr0.findIndex((v)=>{return v.name == "小篮"}) var lvIndex = arr0.findIndex((v)=>{return v.name == "小绿"}) var arr2 = [arr0[mingIndex],arr0[lanIndex],arr0[lvIndex]] = [arr0[lvIndex],arr0[mingIndex],arr0[lanIndex]]; arr0=[arr2,...arr0] //arr0.splice(0,1) console.log(arr0)

结果：

文章图片

发现得出的数组中多出了数组arr2，用splice删掉多余的元素（注释掉的部分）
arr0.splice(0,1) //删掉arr0数组中下标为0，长度为1的元素
【es6交换数组对象元素的位置】方法二：步骤不变，稍改些细节

var arr0 = [ {name:"小明",age:12,sex:"男"}, {name:"小篮",age:13,sex:"女"}, {name:"小绿",age:14,sex:"女"}, {name:"小红",age:15,sex:"男"}, ] var mingIndex = arr0.findIndex((v)=>{return v.name == "小明"}); var lanIndex = arr0.findIndex((v)=>{return v.name == "小篮"}); var lvIndex = arr0.findIndex((v)=>{return v.name == "小绿"}); [arr0[mingIndex],arr0[lanIndex],arr0[lvIndex]] = [arr0[lvIndex],arr0[mingIndex],arr0[lanIndex]]; console.log(arr0)

为什么方法一不这么写呢？
主要是记录在编写过程中犯的细节错误。
方法一中，arr2里面只有交换了位置的那三个元素，也就是
arr2 = [{name:“小绿”,age:14,sex:“女”},
{name:“小明”,age:12,sex:“男”},
{name:“小篮”,age:13,sex:“女”} ]
如果在方法一中通过结构赋值交换数组位置时不设置arr2来保存,会报错。原因是在var变量的时候，后面没有分号 “ ； ”，[arr0[mingIndex],arr0[lanIndex],arr0[lvIndex]] = [arr0[lvIndex],arr0[mingIndex],arr0[lanIndex]]会跟前一行代码合并，从而报错，这就导致一开始用的方法一。