首页 > 其他分享 >js数组置顶元素(将某一项移到首位)

js数组置顶元素(将某一项移到首位)

时间:2024-04-01 09:23:32浏览次数:31  
标签:splice index arr 数组 元素 js key 置顶

方法1
let arr=[1,2,3] //假设选中的元素为第二个 arr.forEach((item,index)=>{ if(item===2){ arr.unshift(arr.splice(index,1)[0]) } }) console.log(arr) //[2,1,3]

方法2
let arr=[1,2,3,4]
let key=3 //假设选中的元素为第二个 for(let i=1;i<arr.length;i++){
if(arr[i]===key){
arr.splice(i,1)
break;
}
}
arr.unshift(key)
console.log(arr)

 

标签:splice,index,arr,数组,元素,js,key,置顶
From: https://www.cnblogs.com/ranyonsue/p/18107750

相关文章

  • Offer必备算法17_子数组子串dp_八道力扣题详解(由易到难)
    目录①力扣53.最大子数组和解析代码②力扣918.环形子数组的最大和解析代码③力扣152.乘积最大子数组解析代码④力扣1567.乘积为正数的最长子数组长度解析代码⑤力扣413.等差数列划分解析代码⑥力扣978.最长湍流子数组解析代码⑦力扣139.单词拆分解析代码......
  • 【前端面试3+1】07vue2和vue3的区别、vue3响应原理及为什么使用proxy、vue的生命周期
    一、vue2和vue3的区别1.性能优化:        Vue3在性能方面有很大的提升,主要是通过虚拟DOM的优化和响应式系统的改进实现的。虚拟DOM重构:Vue3中对虚拟DOM进行了重构,使得更新算法更加高效,减少了更新时的开销,提升了性能。静态树提升:Vue3可以通过静态树提升技术......
  • 10 数组(一)
    目录数组(一)10.1数组10.1.1定义数组并初始化10.1.2初始化数组10.1.3访问数组10.1.4修改数组10.2在for循环中使用数组10.2.1数组遍历原理10.2.2数组遍历实战本节内容要点:数组简介在for循环中使用数组如何创建并初始化数组编写处理数组的函数......
  • 11 :数组(二)
    数组(二)本节内容要点:二维数组编写处理数组的函数10.3二维数组1.二维数组的定义和初始化二维数组可以看作是数组的数组,它在编程中常用于表示表格数据、矩阵等。在大多数编程语言中,二维数组可以通过指定两个维度的大小来定义和初始化。二维数组的定义:   定义类......
  • [置顶] About Me & 博客迁移
    AboutMeName:lhyAge:13School:泰州二附中(好大众)我的Atcoder账号:Rainypaster,Luogu账号:Rainypaster。获奖记录:CSPJ1一等,J2二等,图形化创意编程大赛国金,以及一堆市里的小比赛一等。MyDream?华科大CSPS2、NOIP一等竞赛:信竞、数竞、物竞(初中会......
  • JavaScript基础篇3【数组】
    今日学习内容什么是数组简单理解就是用于临时存储同类数据,本质上是一种具有顺序的特殊对象【当然其实是可以存储不同的数据类型的,只是说那样做很少,所以一般就如前一样理解】数组的定义JavaScript中有两种定义数组的方式:实例化Array对象【称之为“完整形式”】vararr......
  • 【Node.js】大文件上传
    概述大文件上传通常采用分片上传。如果因为某些原因上传突然中断,解决问题之后可以接着之前的分片上传,而不需要从头开始上传,也就是断点续传。此外还可以利用多个网络连接并行上传多个分片,提高上传速度。注:前端不能使用live-server去启动,live-server启动会在上传文件时......
  • Cursor:你的前端“超能力”助手,一句话搞定HTML、CSS、JS!
    一、简介Cursor,不仅仅是一个开发工具,更是你前端路上的“超级英雄”!它融合了GPT-4的AI智慧,能听懂你的“心声”,一键将你的创意转化为神奇的HTML、CSS和JavaScript代码。告别繁琐的编码工作,让Cursor成为你创意的翅膀,带你飞翔在前端的世界!链接:Cursor官网二、功能亮点1、一......
  • 七、使用jsPlumb实现流程图功能--Connection事件和拦截器
    在一个交互式的流程图配置中,连线可能是最高频的操作。jsPlumb也提供了相对应的事件和拦截器可以让开发人员做一些符合需求的功能。一、Connection事件Connection事件是在行为发生之后的一个通知,Connection常用的一些事件有:EVENT_CONNECTION:连线创建之后触发的事件。EVENT_CON......
  • Blazor学习记录_9.C#和JS互操作__
    23.C#和JS互操作23.1C#调用JS,使用IJSRuntimejs代码:<buttononclick="javascript:alter("提示信息")">点我弹出提示</button>C#调用JS:JsInteractive.razor页面代码,InvokeVoidAsync()方法和InvokeAsync()方法@Page"/jsinteractive"<button@onclick=......