js数组置顶元素（将某一项移到首位）

原创已于 2023-02-09 13:56:32 修改 · 4.2k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

于 2022-10-12 18:30:15 首次发布

js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了两种类型的数组操作方法：一种是针对普通数值数组的操作，包括如何将指定元素移动到数组首位；另一种是针对数组对象的操作，同样实现了将指定对象移动到数组首位的功能。这两种方法对于前端开发人员来说非常实用。

1、普通数组

方法1：

let arr = [1, 2, 3, 4]
let key = 3

data.map((item,index) => {
   if(index == key){
      data.unshift(data.splice(index , 1)[0]);
   }
})

方法2：

let arr = [1, 2, 3, 4]
let key = 3
for (let i = 0; i < arr.length; i++) {
	if (arr[i] === key) {
		arr.splice(i, 1);
		break;
    }
}
arr.unshift(key);

2、数组对象

let data = [{
			nickName: "9",
			sex: "男",
			userId: 9
			}, {
			nickName: "8",
			sex: "男",
			userId: 8
			}, {
			nickName: "7",
			sex: "男",
			userId: 7
			}]
let userId = 7
let obj = {}
data.length && data.forEach((item, index) => {
	if (item.userId == userId) {
		obj = item
		data.splice(index, 1)
	    return
	}
})
data.unshift(obj)