js常见的非破坏性和破坏性操作数组的方法（11种）

最新推荐文章于 2022-10-22 19:07:23 发布
原创 最新推荐文章于 2022-10-22 19:07:23 发布 · 456 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端

数组的操作方法

破坏性方法

①push：在数组的末尾添加一个元素或者多个元素，并返回数组的新长度

②unshift（）：在数组的开头添加一个元素或者多个元素，并返回数组的新长度

③pop（）：删除数组的最后一个元素，返回值的被删除的元素

④shift（）：删除数组的第一个元素，返回值的被删除的元素

⑤splice（第一个开始删除的位置，删除的元素个数） ：第二个参数不写表示从第一个参数下标开始删除后面的所有元素，返回值是被删除的元素

⑥sort（）：排序函数 sort( function(a,b){ return a-b})这是升序 b-a则是降序

非破坏性方法

①slice （截取的起始位置，截取的长度）截取数组片段，返回一个新截取的数组 不改变原数组，第一个参数不写那么则会一直截取到最后，两个参数都省略可以对数组进行浅拷贝，返回一个新数组

②concat():连接数组，返回一个新数组

③indexOf（元素，开始查询此元素的位置）获取数组中元素第一次出现的索引，并返回它的索引，没有返回-1

④lastIndexOf ：和③ 相同 从后往前找

⑤join（）：将数组的元素连接成一个字符串，默认元素之间用逗号隔开，在小括号里面可以指定元素之间的符号 如join（@）：这表示元素之间用@符号隔开，返回一个字符串

JS 数组的非破坏性方法：`map`, `filter`, `reduce` 的高级用法
weixin_41455464的博客
07-20 491
记住，编程是一门实践的艺术，多写代码，多尝试，才能真正掌握这些方法。方法的作用是对数组中的每个元素执行一个“reducer”函数（你可以理解为累加器），最终将数组归约为一个单一的值。你可以把它想象成一个累加器，把数组里的所有东西累加起来，得到一个最终的结果。简单来说，就是这些方法在处理数组的时候，不会直接修改原数组，而是返回一个新的数组。方法的作用是对数组中的每个元素应用一个函数，然后返回一个包含所有结果的新数组。方法的作用是根据指定的条件，筛选数组中的元素，返回一个包含所有符合条件的元素的新数组。
JavaScript 中十种数组拷贝方法(从浅拷贝到深拷贝)
最新发布
小猫三两只。
09-07 1049
本文全面介绍了JavaScript中的数组拷贝方法，分为浅拷贝和深拷贝两大类。浅拷贝方法包括扩展运算符、for/while循环、map/filter/reduce方法、slice/concat/Array.from等，适用于简单数组场景。深拷贝方法主要介绍了JSON.parse/stringify和自定义递归函数两种方式，后者能更好地处理复杂对象和循环引用。文章通过代码示例详细演示了每种方法的实现和特性，并对比了不同深拷贝方法的优缺点，帮助开发者根据实际需求选择最合适的数组拷贝方案。
JavaScript数组的操作方法、冒泡排序、数组去重（4种）的方法
web_jisu的博客
08-23 208
如：arr.at(-1):获取最后一个数据在数组的末尾添加一个元素或者多个元素，：在数组的开头添加一个元素或者多个元素，//返回值​//返回值：删除数组的最后一个元素，：删除数组的第一个元素，⑤splice（起始位置，删除的元素个数） ：第二个参数不写表示从第一个参数下标开始删除后面的所有元素，返回值是被删除的元素：排序函数 sort( function(a,b){ return a-b})这是升序 b-a则是降序。......
JS 冒泡机制及其清除
mengxianglong123的博客
12-03 928
什么是js中的冒泡？ 简单来说，就是在子元素发生的事件，就相当于在父元素中也发生了，他会一级一级往上传递，比如点击一下子元素，子元素的点击事件的代码会执行，然后，他会接着执行父元素点击事件对应的代码。 清除方式： <script> var father = document.getElementById("father"); var btn = document...
javascript中Array常用方法
赫子子的博客
03-25 1753
js内置对象之Array一，会改变原数组            1.移除数组末尾最后一项.pop()，返回删除的元素               如果你在一个空数组上调用 pop()，它返回  undefined        let word = ['a', 'b', 'c', 'd']; let newArr = word.pop(); console.log(...
js中不会影响原数组的方法
m0_50789201的博客
09-10 9440
1：concat（） 该方法可以连接两个或多个数组，并将新的数组返回。不会对原数组产生影响 2：join（） 该方法可以将数组转换为一个字符串 该方法不会对原数组产生影响，而是将转换后的字符串作为结果返回 在join()中可以指定一个字符串作为参数，这个字符串将会成为数组中元素的连接符 如果不指定连接符，则默认使用,作为连接符 3：slice() 可以用来从数组提取指定元素 该方法不会改变元素数组，而是将截取到的元素封装到一个新数组中返回 *-参数： ...
Vue3数组使用push，导致数组每一个元素都改变
weixin_55869175的博客
05-13 9030
Vue3数组使用push，导致数组每一个元素都改变 目标 首先声明一个listx的数组，监听父组件传递过来的listComplete，存在listComplete就将它push到listx数组中。然后将v-for渲染到页面中 理想中的效果应该是，点击【完成】=> 项目2 从未完成中删除，并加入到下方已完成列表中。 但是实际呢？实际上点击加入项目2 后，项目1的内容也变成了项目2 这是因为push的并不是一个值，而是一个地址，数组都指向同一个地址，就好比listx[0]和listx[1]都是指
JavaScript数组实验室：练习数组操作与非破坏性方法
本课程的目标是通过实践加深对数组概念的掌握，并区分破坏性与非破坏性数组操作方法。 首先，让我们来了解JavaScript数组的基础知识。在JavaScript中，数组是一种用于存储有序集合的数据结构，它能够容纳任意类型的...
JavaScript数组操作实验室：非破坏性操作详解
在 JavaScript 中，破坏性数组操作通常有更高的性能，因为它们不需要创建数组的副本，而是在原数组上直接进行修改。然而，非破坏性方法提供了更好的控制，使代码更可预测，也更容易维护。它们对那些需要保持原始数据...
JS获取并处理php数组的方法实例分析
10-18
在JavaScript中接收和处理PHP数组时，常见的方法包括使用`eval()`函数转换JSON格式字符串为JavaScript数组、直接使用PHP的JSON编码字符串、或者采用PHP的短语法将字符串直接赋值给JavaScript变量。 使用`eval()`...
JavaScript标准库对象Array
fuziwang的博客
12-10 273
数组的创建和基本操作（增删改查） 创建数组的方式 通过字面量的方式直接创建，直接量中的值可以是任意的表达式 通过Array构造函数来创建数组对象，注意传递的参数 经典案例一：异步执行方式 var arr = []; for (var i = 0; i < 5; i++) { document.onclick = function() { arr[j] =...
JavaScript：算法：Seek and Destroy（摧毁数组）
一出好剧
04-15 926
1. 这是一道FreeCodeCamp的练习题： 2. 误区（陷阱）： 为了获得函数不确定的参数，我在filter函数内执行了for循环，你没听错这简（yu）直（chun）了。 3. 解决方案： - 先使用for循环获取所有未确定参数； - 再在filter函数内筛选 4. 背景知识： Array.prototype.indexOf() indexOf函数返回-1表示数组内不存...
js 数组操作方法（不改变原数组与改变原数组方法）
hlpp123的博客
03-25 9760
js 数组操作方法（不改变原数组与改变原数组方法）
HashSet类求集合与集合之间是否为真子集或真超集
number1killer的博客
11-23 958
本文部分注释来源于书籍和网摘 散列表（Hash table，也叫哈希表），是根据关键字（Key value）而直接访问在内存存储位置的数据结构。 它通过计算一个关于键值的函数，将所需查询的数据映射到表中一个位置来访问记录， 也就是说，哈希查表存储数据时就是使用映射函数将键映射成索引，这加快了查找速度。 这种映射函数称作散列函数（也就是哈希函数）；存放记录的数组称做散列表。   /// ...
数组的方法
m0_46730138的博客
10-16 150
数组的方法 序号 数组方法 方法的作用 方法的返回值 1 arr.push(a, b) 数组尾部添加元素，可添加多个，有参数 破坏性，返回新数组的length 2 arr.pop() 数组尾部删除元素，只删除一个，无参数 破坏性，返回被删除的元素 3 arr.unshift(a, b) 数组首部添加元素，可添加多个，有参数 破坏性，返回新数组的length 4 arr.shift() 数组首部删除元素，只能删除一个，无参数 破坏性，返回被删除的元素 5 arr.reverse
js中那些方法不改变原来的数组对象
热门推荐
高山上的鱼
10-21 1万+
一、map方法 function fuzzyPlural(single) { var result = single.replace(/o/g, 'e'); //replace也不会修改原来数组的值，这里打印[foot,goose,moose,kangaroo] //alert(single); //下面为新的数组添加了一个元素，但是我们看到在map的时候没有对添加的元素进行处理，所
JavaScript(24):数组的push\pop\unshift\shift
叫我铁头娃_的博客
03-11 283
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //创建一个数组 var arr = [
slice、substring、substr、concat这几个不会破坏原始字符串的操作方法
songmumu博客
03-28 6316
字符串操作方法中的concat、slice、substring、substr都不会破坏原数组，会自动返回操作后新的数组。concat用于连接两个或多个字符串字符串,支持链式操作，但一般情况下使用加号运算符更简便快捷。slice、substring、substr都支持一个或两个参数，第一个参数是截取子字符串开始位置的索引，如果只包含一个参数表示从此位置开始（包含此位置）截取至字符串结尾；slice、...
JavaScript数组方法分类总结，快速掌握所有数组方法
web_jisu的博客
10-22 1214
— 向尾端添加元素，pop()—— 从尾端提取一个元素，shift()—— 从首端提取一个元素，—— 向首端添加元素，—— 从pos开始删除个元素，并插入items到原数组中，（删除和添加同时进行）—— 创建一个新数组，将从索引start到索引end（但不包括end）的元素复制进去。—— 返回一个新数组：复制当前数组的所有元素，并向其中添加items。如果items中的任意一项是一个数组，那么就取其元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值