数组的方法 中哪些会更新原数组 哪些不会

最新推荐文章于 2025-03-27 08:50:03 发布
原创 最新推荐文章于 2025-03-27 08:50:03 发布 · 1k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文详细介绍了JavaScript数组中的各种方法，区分了那些方法会修改原数组，如push(), unshift(), pop(), shift(), splice(), reverse(), sort();同时介绍了不会修改原数组的方法如slice(), concat(), filter(), map()等。此外还讲解了数组的其他常用方法如join(), indexOf(), includes()等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

数组的方法 中哪些会更新原数组 哪些不会

1、会更新原数组的方法：
a.arr.push()往数组的最后一个位置追加元素
b.arr.unshift()往数组的第一个位置追加元素
c.arr.pop()移除数组的最后一个元素，并返回被删除的元素
d.arr.shift()移除数组的第一个元素，并返回被删除的元素
e.arr.splice()移除数组某个位置的元素，可以移除多个
f.arr.reverse()数组翻转，返回新数组，会影响原数组
g.arr,sort()数组排序，返回新数组，会影响原数组
2.不会更新元素的方法：
a.arr.slice()切割数组，返回新数组，不会对原始数组造成影响
b.arr.concat()实现数组的拼接，返回新数组，不影响原数组
c.arr.filter()过滤数组，遍历所有元素，会根据某个条件对数组进行过滤，最终返回一个新数组，不会影响原数组
d.arr.map() 根据原数组，遍历所有元素，返回一个新的数组，但是数组元素结构 可能发生变化，但不更新原数组

数组的其他方法：
1.arr.join() 把数组进行拼接，返回拼接后的字符串
2.toString() 把数组转成字符串
3.indexOf() 查询某个元素的索引位置 返回第一个出现元素的索引
4.lastindexOf 查询某个元素的索引位置 返回最后一个出现的元素的索引
5.includes() 判断某个元素是否存在
6.forEach() 遍历数组 会遍历到数组的每个元素
7.arr.some() 用于查询数组中是否有复合条件的某个元素，如果有，返回true 没有 返回false
8.every 用于查询数组中的每一个蒜素是否都符合条件，如果都符合，返回true 没有 返回false
9.find 查找符合条件的某个元素，返回元素对象
10.findIndex 查找符合条件的某个元素，返回元素的索引值
11. sort 根据对象的某个字段 进行排序

learntogiveup
关注
数组有哪些原生方法？
qq_46015513的博客
09-17 934
数组有哪些原生方法？ 数组和字符串的转换方法：toString()、toLocalString()、join() 其中 join() 方法可以指定转换为字符串时的分隔符。 数组尾部操作的方法 pop() 和 push()，push 方法可以传入多个参数。 数组首部操作的方法 shift() 和 unshift() 重排序的方法 reverse() 和 sort()，sort() 方法可以传入一个函数来进行比较，传入前后两个值，如果返回值为正数，则交换两个参数的位置。 数组连接的方法 concat..
前端随心记---------函数
09-24 529
some（） some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。 some() 方法会依次执行数组的每个元素： 如果有一个元素满足条件，则表达式返回true, 剩余的元素不会再执行检测。 如果没有满足条件的元素，则返回false。 注意：some() 不会对空数组进行检测。 注意：some() 不会改变原始数组。 every（） ever...
数组map遍历是否改变原数组的值
peppa_pig的博客
09-18 2914
查map方法的时候，总能看到map方法不会修改原数组，会得到一个新数组并返回。但原数组真的不会修改吗？ 最近写代码的时候发现一个问题：进行下面操作之后原数组modal_content的值也被改变了。 在网上搜了一下，原来是上面的map方法不够“纯粹”，实际上还是直接修改了每个item的属性，如果不想影响原数组，应该这样写： this.modal_beforeContent= modal_content.map((item)=>({...item,disabled:true})) 我们对.
[vue]更新数组
weixin_44769745的博客
03-27 349
1、问题来源我们在处理网页时，原有数组不能满足需求，需要去更新一个数组。2、解决办法push()：给数组末尾添加元素，this.list.push(7,8,9)；pop()：删除数组末尾的元素，this.list.pop()；shift()：删除数组的第一个元素，this.list.shift()；unshift()：给数组的首位添加元素，this.list.unshift(7)；splice()：删除元素、插入元素、替换元素；第一个参数:表示开始插入或开始删除的元素下标。
数组中map遍历会改变原数组吗？
zaoqinghuan的博客
07-02 5516
提到map用法，很多人想到forEach，那么这两种方法的区别是什么？会有人说，forEach会改变原数组；map不会改变原数组，返回一个新数组。事实是这样的吗？答案不是，这种说法不准确，是有条件的。 1、当数组的值为基本类型的时候，map遍历数组，当对数组中的值做处理的时候，的确不会改变原数组。 let a = [1,2,3] b=a.map(item => { item = item+1 }) console.log(a) // [1,2,3] console.log(b) // [2,3,4]
总结：会不会改变原数组的方法
zd_2419647180的博客
09-03 302
数组部分方法总结
JS数组方法中哪些会改变原数组，哪些不会？
郊眠寺
09-27 9943
作为一名前端开发人员，我们每天都会与数组打交道。JS也提供了很多操作数组的原生API供我们调用。在这些方法里面，有的方法会改变原数组，有些不会改变原数组。别看这一点小小的区别，往往会造成巨大的影响，特别是在算法层面，有可能会造成算法复杂度的飙升。今天我们就来好好理一理哪些数组方法操作会改变原数组，哪些数组方法不会改变原数组。数组方法基本上每一版本的JS中都会增加一些，本篇文章主要总结了我们开发中比较常用而且容易混淆的。至于为什么要区分是否更改原数组，那就得根据实际情况来决定了。
JS中对数组的操作哪些会改变原数组哪些不会？今天你一定要记下！
airCyan_的博客
01-28 502
通过源码实现的方式，我们了解了不同数组方法是如何工作的，哪些方法会修改原数组，哪些方法不会。本文将详细探讨 JavaScript 中常见的数组方法，分析它们是如何工作的，并重点讨论哪些方法会修改原数组，哪些方法不会。方法通过提供的函数对数组中的每个元素进行处理，返回一个新数组，不会修改原数组。此方法会修改原数组。方法基于条件返回数组中符合条件的元素组成的新数组，原数组不改变。方法将一个或多个元素添加到数组的末尾，并返回数组的新长度。方法将一个或多个元素添加到数组的开头，并返回新数组的长度。
vue.js中$set与数组更新方法
10-18
在这个例子中，`arr1`通过索引修改不会触发视图更新，而`arr2`使用`$set`方法则会。但实际情况可能有些微妙，因为Vue会尝试对数组进行深度监听。所以即使`arr1`的修改没有直接触发更新，当Vue重新渲染整个列表时，它...
php实现给二维数组中所有一维数组添加值的方法
12-18
在这个示例中，我们使用了引用符号`&`在`foreach`循环中，这使得我们可以直接修改原数组的值，而无需复制整个数组。 ```php foreach ($shop as &$shoplist) { $shoplist[] = '4444444444444'; $shoplist['we'] = ...
JavaScript 中有关数组对象的方法(详解)
11-24
- `unshift()`：将一个或多个新元素添加到数组开头，原数组中的元素自动向后移动，返回数组的新长度。 - `splice()`：在指定位置插入一个或多个元素，插入位置后的元素自动后移。如果只提供插入位置和元素，不会...
es6中对数组进行遍历的方法有哪些？区别是什么？
周粥舟轴的博客
08-22 577
es6中对数组进行遍历的方法有哪些？区别是什么？
JS数组各种遍历方式分析
weixin_41072232的博客
04-25 564
前言 数组是日常开发中最常见的数据类型，很多场景一个for循环基本都可以实现。但是想要更高效、更准确的开发，数组的使用是要了解的很透彻才行。本文从数组的遍历和操作两个角度来讲解数组的使用。 数组遍历 for for是最常见的使用方式，遍历数组的同时可以对数组项进行处理，循环中的处理会改变原数组。无返回值。 例： let arr = [1, 2, 3, 4, 5] for (let i = 0; i...
vue 列表中可以触发视图更新数组方法
lzt199931415926的博客
07-02 715
在列表中能够触发视图更新的数组方法 push() pop() shift() unshift() splice() sort() reverse() 在列表中不能够触发视图更新的数组方法 filter() concat() slice()
68. Vue 中操作 data 中数组的方法中哪些可以触发视图更新，哪些不可以，不可以的话有什么解决办法？
aichixiangcaia的博客
11-07 513
可以触发视图更新有以下几种方法: push()、 pop()、 shift()、 unshift()、 splice()、 sort()、 reverse() filter() concat() slice() 不可以触发视图更新有以下2种方法 直接用索引设置元素，如 this.array[index] = newValue 直接修改数组的长度，例： this.array.length = newLength ...
JS遍历数组的几种常用方法
Mister_why的博客
03-24 9224
1.for循环 // for循环，也是最常见的。 // 使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显。 let arr = [1, 2, 3, 4]; for(let i = 0; i < arr.length; i++) { arr[i] = arr[i] + 1; // 直接通过索引修改原数组的值 } console.log(arr); // [2,3,4,5] let list = [{sex: '男'},{sex: '女'},{sex: '男'
js中数组方法不会影响原数组的方法
weixin_43380553的博客
11-17 1901
不会改变原数组方法： concat(),用于连接两个或多个数组； every().用于检测数组 所有元素是否都符合原始数组； filter(),创建一个新的数组，新数组的元素是通过检查指定数组中符合条件的所有元素； find(),返回通过测试的数组的第一个元素的值； findIndex(),返回通过测试的数组的第一个元素的值的位置； map(),返回一个新数组中的元素，为原始数组元素调用函数处理后的值，按照原始数组元素的顺序依次处理元素； slice(),可以从已有的数组中返回选定的元素；
JS基础知识篇
冰的博客
08-11 383
在 CommonJS 中，模块的加载是同步的，模块被执行后，它的输出会被缓存，后续引用直接使用缓存的值。模块之间的连接： 当一个模块导入另一个模块时，JavaScript 引擎会自动执行被导入模块的代码，并且返回被导出的内容，使其在导入模块中可用。③将构造函数的作用域赋给新对象的 this： 此时，构造函数内部的代码会在新对象的上下文中执行，构造函数中的 this 指向新创建的对象。在 ES6 模块化中，模块的代码在导入时不会立即执行，只有在实际使用时才会被执行，导入的代码会被标记以便于后续执行。
数组变化，但是无法更新视图（原因和思考）
dongnihao的博客
07-13 2353
写代码时候遇到数组更新后，视图不更新。一般的解决方案是重新解构赋值。 原因的话，其实一开始就想到了自己写Vue项目中遇到的问题。当时把annotations放到一个数组中，然后展现到视图层，让用户预览自己的所有pdf注释，然后遇到了注释数组更新，视图层不更新的问题。复习一下Vue2数据响应原理，（ 注：Vue3响应式改成了Proxy听说Vue3响应式原理变成了Proxy_董厂长的博客-优快云博客）官方的解释很清晰：当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue
数组方法中哪些改变原数组js
最新发布
04-03
### JavaScript 数组方法中会修改原数组的方法 在 JavaScript 中，某些数组方法会对原始数组产生影响并直接对其进行修改。这些方法通常被称为 **就地修改 (in-place modification)** 的方法。以下是几个常见的会修改原数组的数组方法： #### 1. `sort()` 方法 `sort()` 方法用于对数组元素进行排序，并返回已排序的数组。此方法会改变原数组的内容[^2]。默认情况下，它按照字符串的 Unicode 编码顺序进行排序。 ```javascript let numbers = [3, 1, 4]; numbers.sort(); console.log(numbers); // 输出: [1, 3, 4] ``` #### 2. `reverse()` 方法 `reverse()` 方法将数组中的元素顺序反转，并返回该数组。这个方法也会直接影响到调用它的原数组。 ```javascript let fruits = ['apple', 'banana', 'cherry']; fruits.reverse(); console.log(fruits); // 输出: ["cherry", "banana", "apple"] ``` #### 3. `pop()` 和 `push()` 方法 虽然严格来说不是“批量”修改整个数组结构，但 `pop()` 和 `push()` 都会影响原数组长度以及内容。 - `pop()` 删除数组的最后一项。 - `push()` 向数组末尾添加一项或多项目。 ```javascript let colors = ['red', 'green', 'blue']; colors.pop(); // 移除最后一项 console.log(colors); // 输出: ["red", "green"] colors.push('yellow'); // 添加新的一项 console.log(colors); // 输出: ["red", "green", "yellow"] ``` #### 4. `shift()` 和 `unshift()` 方法 这两个方法分别从数组头部移除或新增元素，同样也改变了原数组。 ```javascript let letters = ['a', 'b', 'c']; letters.shift(); // 移除首项 console.log(letters); // 输出: ["b", "c"] letters.unshift('z'); // 插入到开头 console.log(letters); // 输出: ["z", "b", "c"] ``` #### 5. `splice()` 方法 `splice()` 是最强大的数组修改方法之一，它可以删除现有元素、替换它们或者向指定位置插入新元素。由于其多功能性，它是唯一可以同时完成上述三种操作的方法[^1]。 ```javascript let items = ['item1', 'item2', 'item3']; // 删除两项 items.splice(0, 2); console.log(items); // 输出: ["item3"] // 替换中间部分 items.splice(1, 1, 'newItem'); console.log(items); // 输出: ["item3", "newItem"] // 插入多项 items.splice(1, 0, 'inserted1', 'inserted2'); console.log(items); // 输出: ["item3", "inserted1", "inserted2", "newItem"] ``` 总结而言，在实际编程过程中应特别注意那些会更改原数组的方法，因为这可能带来意外的结果特别是当多个函数链式调用时[^3]。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值