前段js-把数组指定元素放在第一位

最新推荐文章于 2024-04-09 17:45:25 发布
原创 最新推荐文章于 2024-04-09 17:45:25 发布 · 5.6k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种在JavaScript中将指定元素移动至数组首位的方法，适用于数字和对象类型的元素。通过splice和unshift方法组合使用，实现了高效地元素位置调整。

假如我们有个已知数组 arr
var arr = [1,2,3,4]
var key = 3
我们要根据key的值来找到这个元素，然后把它挪到数组的第一位，让它返回的结果为[3,1,2,4]
for (var i = 0; i < arr.length; i++) {
if (arr[i] === key) {
arr.splice(i, 1);
break;
}
}
arr.unshift(key);
2、数组中是对象，例如把是单据编号的置顶；

 var dataArr = {"state":200,"request":null,"message":"","cause":"","variables":{},"data":[{"changeTime":"2019-12-21 11:20:09.0","changeAfter":"K","contractName":"客商类型","changeBefore":"D"},{"changeTime":"2019-12-21 11:20:09.0","changeAfter":"弋华蕾","contractName":"制单人姓名","changeBefore":"弋华"},{"changeTime":"2019-12-21 11:20:09.0","changeAfter":"FM20191221000120","contractName":"单据号码","changeBefore":"FM20191221000119"}]}

var arr = dataArr.data

for (var i = 0; i < arr.length; i++) {
    if(arr[i].contractName === '单据号码'){
       var obj = arr[i];
  arr.splice(i, 1);

  break
    }
}
  arr.unshift(obj);
console.log(arr)
js把数组中的某些项移动到前面，使用sort函数
徐同保的专栏
04-09 1325
js把数组中的某些项移动到前面，使用sort函数
第15章 汇编语言--- 数组与指针
hummhumm的专栏
01-04 1492
汇编语言是一种低级编程语言，它几乎与特定的计算机架构一一对应。在汇编语言中，数组和指针的概念不像在高级语言（如C或C++）中那样直接存在，但可以通过对内存地址的操作来实现类似的功能。在汇编语言中，数组可以被看作是一系列连续存储的相同类型的元素，而指针则是用来存放某个变量或数据结构的内存地址的变量。通过改变指针所指向的地址，可以访问不同的数组元素。下面将以x86架构的汇编代码为例，说明如何使用寄存器作为指针来操作数组。假设我们有一个包含整数的数组，并且想要遍历这个数组以计算所有元素的总和。在这个例子中，
JS将数组中指定的元素挪到第一位
卡洛背心的博客
04-26 3274
代码如下： function todo(arr, id){ var index = 1, newArr = [], length = arr.length; for ( var i=0; i<length; i++){ if ( arr[i].id == id ){ newArr[0] = arr[i]; } else{ newArr[index++] = arr[i]; } }
js把数组中的某一项移动到第一位
徐同保的专栏
04-09 5829
js把数组中的某一项移动到第一位
指定数组的某一项挪到数组的第一位
nanupup的博客
06-02 5078
作为一名前端工程师，我们在通过接口请求下拉框数据是返回的往往都是一个数组，但是有时候直接返回的数组不能满足方便性需求，比如：民族类的下拉框，需要把汉族放到第一位，我们便需要把请求到的数据进行处理 const ceshiList = [ { value:'1', name:'小明' }, { value:'2', name:'小红' }, { value:'3',
前端 js 向数组首位插入一个对象或者字符串
热门推荐
勤奋的小蜜蜂的博客
12-01 3万+
var shuiguo = ["Banana", "Orange", "Apple", "Mango"]; shuiguo.splice(0,0,"Lemon");     结果=["Lemon","Banana", "Orange", "Apple", "Mango"]
js代码-初级算法-旋转数组
07-16
第一次反转整个数组，第二次反转前k个元素，最后反转剩余元素。这种方法的时间复杂度为O(n)，空间复杂度为O(1)，因为它只使用了常数级别的额外空间。 `README.txt`文件可能是对这个算法的简单说明或者使用示例，...
前端从入门到精通---数组(Array)
ztyjr888的专栏
09-23 388
前端从入门到精通—数组(Array) 数组是有序集合，每个值叫做一个元素，而每个元素在数组中有一个位置，以数字表示，称为索引。Javascript的数组是无类型的，数组元素可以是任意类型，同一个数组中的不同元素可能是对象或数组。 数组的声明 直接声明 var arr = ['Javascript', 'PHP', 'Java'] console.log(arr) # ['Javascript', 'PHP', 'Java'] 声明一个空数组，再通过 push 方法插入 var arr = []
JavaScript-数组的排序知识讲解
OuYyds的博客
03-27 378
反转 ( reverse 会影响之前的数组，没有参数，返回值为倒转过来的数组) var arr = ['a','b','c','d'] var strArr = arr.reverse() //反转 将数组元素全部倒过来 console.log(strArr); // ['d','c','b','a'] ​ strArr 和 arr俩个其实指向的是一个变量 所以操作 strArr会影响arr 操作arr也会影响strArr console.log(strArr == arr); //...
js splice使用总结（对js数组的增删改），替换数组的指定位置的数据，以及js数组的位置移动，向上（前）移动，或者向下（后）移动，el-table上移下移
新林的博客
01-01 5131
在vue里面修改数组，发现页面不会重新渲染，这时候需要用到splice来操作数据，学习总结一下splice，增删改，splice实现替换数组的指定位置的数据，以及实现数组的位置移动，数组的数据项向前移动向后移动。 splice3 个参数：起始位置、要删除的项数和要插入的任意数量的项, 再简单说splice有三个位置的参数，第一个index是数组的位置，第二个是这个位置要删除的项数、，第三个位置以及后面的第四五等位置都表示插入的数组项。看代码理解吧
JS将元素放到现有数组/集合的第一个位置
terence的博客
03-28 1万+
实例： 将新项添加到数组起始位置: var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.unshift("Lemon","Pineapple"); fruits 将输出： Lemon,Pineapple,Banana,Orange,Apple,Mango
js数组
小院长的博客
12-03 458
数组就是一组数据的集合，javascript中，数组里面的数据可以是不同类型的。 定义数组的方法 //对象的实例创建 var aList = new Array(1,2,3); //直接量创建 var aList2 = [1,2,3,'asd']; new Array(size);参数 size 是期望的数组元素个数。返回的数组，length 字段将被设为 size 的值。 操作...
数组某一个元素置于数组首位
九阴与九阳
10-30 5717
改变数组中一个元素的位置，通常有两种方法： 改变原来的数组 返回新数组 改变原来的数组 let values = [1, 3, 5, 7, 12, 10]; let value = 12; //需要置于首位的元素 let index = values.indexOf(12); if(index) { let first = values.splice(index , 1)[0];...
前端js实现将数组某一项符合条件的对象，放到首位
m0_59157023的博客
06-02 3051
在日常前端开发需求中，总是会遇到开发数组，将某一项对象值，放到首位，让用户更好的去选择，比如省会城市优先等。3.判断，如果index>-1 代表就是找到了目标对象。1.首先将接口中的数组暂存起来，用一个新数组表示。4.此时，我们声明一个空对象，用来存目标对象。我做的案例是需要将地区中的'四川放到首位'好啦，结果就可以了，四川已经放到首位了。5.将目标对象浅拷贝给我声明的对象。6.先把目标对象从我的数组中清除掉。,找到我们的目标对象，拿到下标值。2.然后接下来，用ES6的。把目标对象放到我数组的首位。
js数组置顶元素（将某一项移到首位）
张木期的博客
10-28 8089
js数组置顶元素（将某一项移到首位）
前端JS——将数组中指定的元素挪到第一位
Ms_alinda的博客
08-07 2万+
假如我们有个已知数组 arr arr = [1,2,3,4] key = 3我们要根据key的值来找到这个元素，然后把它挪到数组的第一位，让它返回的结果为[3,1,2,4] for (var i = 0; i < arr.length; i++) { if (arr[i] === key) { arr.splice(i, 1); break; } ...
js 数组指定对象移动到第一位（两种方法）
青衫折扇的博客
07-05 6773
js 数组指定对象移动到第一位（两种方法）
js数组方法
m0_51328823的博客
01-20 1380
???? 1. push() 给数组的末尾添加一个或多个元素。格式：数组.push(参数1，参数2…) let arr = [1,2,3] let temp = arr.push(4) console.log(arr) // 输出 1 2 3 4原数组改变 console.log(temp) // 输出4，返回添加元素后数组长度 ???? 2. unshift() 给数组的首位添加一个或多个元素。格式：数组.unshift(参数1，参数2…) let arr = [2,3,4] let temp = ar
JS将数组中元素放到数组首位
asonFirst的博客
04-26 4403
如下 var arrs= {}； var arrIndex； for (var i = 0; i < arrs.length; i++) { //比如对这个对象的default_focus字段做判断 if (arrs[i].default_focus === 1) { arrIndex= arrs[i]; //移除这个元素 arrs.splice(i, 1); break; } } if(arrIndex){ //首位置添加 arrs.unshift(arrIndex); } ...
js 取数组最后一位
最新发布
11-29
<think> 首先，用户的问题是：“我想查找使用JavaScript获取数组最后一位元素的方法 请问JavaScript获取数组最后一位元素的方法”。这很直接：用户想知道在JavaScript中如何获取数组的最后一个元素。 从系统级指令中，我知道： - 所有行内数学表达式必须使用$...$格式。 - 独立公式必须使用$$...$$格式并单独成段。 - LaTeX语法正确。 - 使用中文回答。 - 生成相关问题。 - 在回答中引用的段落末尾自然地添加引用标识，例如[^1]。 用户提供的引用包括多个来源： - 引用[1]到[5]都讨论了获取数组最后一个元素的方法。 我需要结构化我的回答： - 回答结构清晰，帮助用户逐步解决问题。 - 尽量保证回答真实可靠。 - 最后生成相关问题。 关键点： - 方法包括：使用length属性、pop方法、slice方法、at方法（ES2022）、reverse方法。 - 有些方法会修改原数组（如pop），有些不会（如slice）。 - 我应该覆盖这些方法，并解释它们的特点。 步骤： 1. **介绍主题**：简要说明获取数组最后一个元素的常见需求。 2. **列出方法**：清晰列出几种方法，包括代码示例。 3. **解释优缺点**：说明每个方法的优缺点，比如是否会修改原数组、兼容性等。 4. **推荐方法**：基于可靠性和现代性，推荐一个或几个方法。 5. **添加引用**：在解释中自然地添加引用标识。 6. **生成相关问题**：在结束时添加相关问题。 确保使用中文回答。 方法总结： - **1. 使用length属性**：`arr[arr.length - 1]` – 兼容性好，不修改数组。 - **2. 使用pop方法**：`arr.pop()` – 修改原数组，返回最后一个元素。 - **3. 使用slice方法**：`arr.slice(-1)[0]` – 不修改数组，返回一个新数组的元素。 - **4. 使用at方法**：`arr.at(-1)` – ES2022新特性，简洁，但不支持老浏览器。 - **5. 使用reverse方法**：`arr.reverse()[0]` – 修改原数组（因为reverse会改变数组），不推荐。 在代码中，我应该使用行内代码或代码块。用户示例中使用了```python```代码块，但这里是JavaScript，所以我应该使用```javascript```。 引用添加： - 在讨论每个方法时，参考引用[1]到[5]，自然地添加引用标识。 结构： - 开头：解释问题。 - 主体：分点列出方法。 - 结尾：总结和推荐。 - 相关问题。 相关问题生成： - 基于主题，生成2-3个相关问题。 - 例如：如何获取数组的倒数第二个元素？at方法的兼容性如何？如何安全地获取数组元素而不修改数组？ 最终回答： - 确保真实可靠：基于JavaScript标准。 </think> ### JavaScript 获取数组最后一位元素的方法 在JavaScript中，获取数组的最后一个元素是常见需求，例如处理一维数组如`[1, 2, 3]`或二维对象数组`[{id:1}, {id:2}]`。下面我将逐步介绍几种可靠的方法，包括代码示例、优缺点和适用场景。这些方法均基于JavaScript标准语法，并考虑了兼容性和安全性[^1][^2][^3][^4][^5]。 #### 1. **使用`length`属性** 这是最基础且兼容性最好的方法（支持所有浏览器），通过数组长度减一作为索引来获取最后一个元素。它不会修改原数组。 ```javascript const arr = [1, 2, 3]; const lastElement = arr[arr.length - 1]; console.log(lastElement); // 输出: 3 ``` - **优点**：简单高效，支持所有JavaScript版本。 - **缺点**：代码稍显冗长。 - **适用场景**：通用场景，尤其当需要兼容老旧浏览器时[^1][^4]。 #### 2. **使用`pop()`方法** `pop()`方法删除并返回数组的最后一个元素，但会直接修改原数组。 ```javascript const arr = [1, 2, 3]; const lastElement = arr.pop(); console.log(lastElement); // 输出: 3 console.log(arr); // 输出: [1, 2]（原数组被修改） ``` - **优点**：代码简洁，适用于不需要保留原数组的情况。 - **缺点**：修改原数组，可能导致意外副作用。 - **适用场景**：需要同时删除最后一个元素时，如队列处理[^1][^2][^5]。 #### 3. **使用`slice()`方法** `slice(-1)`返回一个包含最后一个元素的新数组，再通过索引`[0]`获取元素值。它不会修改原数组。 ```javascript const arr = [1, 2, 3]; const lastElement = arr.slice(-1)[0]; console.log(lastElement); // 输出: 3 console.log(arr); // 输出: [1, 2, 3]（原数组不变） ``` - **优点**：安全（不修改数组），支持负数索引。 - **缺点**：返回新数组，性能略低于直接索引。 - **适用场景**：需要避免修改原数组的敏感操作[^1][^3][^4]。 #### 4. **使用`at()`方法（ES2022新特性）** `at(-1)`直接返回最后一个元素，语法简洁。但这是ES2022新增特性，需注意兼容性（不支持IE或老浏览器）。 ```javascript const arr = [1, 2, 3]; const lastElement = arr.at(-1); console.log(lastElement); // 输出: 3 ``` - **优点**：代码最简洁，可读性强。 - **缺点**：兼容性有限（Node.js 16+、现代浏览器）。 - **适用场景**：现代前端项目（如Vue.js、React），可使用Babel转译[^1][^2][^4]。 #### 5. **使用`reverse()`方法（不推荐）** 先颠倒数组顺序，再取第一个元素。但`reverse()`会修改原数组，且性能较低。 ```javascript const arr = [1, 2, 3]; const lastElement = arr.reverse()[0]; console.log(lastElement); // 输出: 3 console.log(arr); // 输出: [3, 2, 1]（原数组被修改） ``` - **优点**：无实际优势，仅作了解。 - **缺点**：修改原数组，效率低。 - **适用场景**：不推荐常规使用[^5]。 #### 总结与推荐 - **推荐方法**：优先使用`length`属性（兼容性好）或`at()`方法（现代简洁），避免`pop()`和`reverse()`以防修改数组。 - **安全提示**：操作前检查数组是否为空，避免错误： ```javascript const arr = []; const lastElement = arr.length > 0 ? arr[arr.length - 1] : undefined; ``` - **性能比较**：在大多数场景下，`length`和`at()`方法性能最优[^1][^4]。如果处理二维数组，方法相同（如`arr[arr.length - 1].property`）。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值