首页
学习
活动
专区
圈层
工具
发布

js数组的拷贝赋值复制-你真的懂?

在看react-native性能优化的时候,看到如何避免shouldComponentUpdate的异常数据时,脑内一阵风暴,从而牵连出一连串的问题,于是有了这一篇关于js数组的复制(深浅拷贝)与赋值等为何能产生异常数据的文章...有什么问题欢迎指正 现在进入正题: 首先异常数据的产生在于我们在复制赋值时,会有或没有改变到本身的值。 一、push与concat push的定义是:像数组末尾添加一个或更多元素,并返回新的长度。...该方法会改变数组的长度。 concat的定义是:连接两个或更多的数组,并返回结果,该方法不会改变现有数组,而仅仅会返回数组的一个副本。...a.concat(5); //a为1 2 3,4 5 二、深拷贝与浅拷贝 1.浅拷贝 JavaScript存储对象都是存地址的,所以浅复制会导致 a 和 b 指向同一块内存地址 数组的赋值其实相当于给了索引...你传递一个对象(在js里数组不是简单数据类型,而是对象)到一个函数,如果在函数里面改变了这个参数的内容,在外部这个变化是可见的。

6.2K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js数组常用方法

    js数组常用方法还挺多的,有16个,如果面试官问你这道题可不要只回答几个哟,那是会扣分的! 1. Array.push(),向数组的末尾添加一个或多个元素,并返回新的数组长度。原数组改变。...(注意该方法和forEach的区别)。...16.Array.reduce(function),reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。...接着面试官可能还会问你: 原数组改变的方法有:push pop shift unshift reverse sort splice 不改变原数组的方法有:concat map filter join...感兴趣的请看下一篇文章—>reduce()数组方法的使用场景 我是不爱吃糖的程序媛,关注我不迷路,向前端大佬出发!

    1.2K10

    VBA数组(三)数组赋值

    (动态数组会单独一节讲解) 上 节 复 习 在介绍数组赋值之前,首先简单复习下上节介绍的声明数组和数组中元素的表示方法。...数组中每个元素也是数组名(第一维索引号,第二维索引号),例如arr1(1,1)、arr1(3,4)等,其他坐标如下图所示。 两种表示方法,第二种方法即下界从1开始更实用。...这种方法主要是帮助理解数组元素如何赋值,在VBA程序中通常涉及大量数据的赋值。就需要用其他更方便的方法代替。 2、通过循环结构赋值 对于批量处理数据时,通常都会借助于循环结构。...执行代码后在立即窗口中显示数组Arr(2,3)的值为“姓名” Arr(3,1)的值为“小白”。 这种通过循环语句给数组赋值的方法很经典,掌握后对数组和循环结构都会有很好的理解。...这种方法实际是直接创建数组的方法,这里归到数组赋值一并介绍。注意两个关键点。 1、声明的默认的变体型变量。 2、通过这种方式得到的数组,维度的下届都是1。

    14.4K71

    Js 循环,数组,函数(方法)

    Js中的数组是将任意数据类型,放在一起按照一定顺序排练的集合 (1)、数组的两种定义方式 Var ary=new Array() 创建对象的方式 Var ary1=[]; (2)、...3、下标 数组中所有元素从0位置开始 通过下标方式赋值及取值 ary[0]=1 数组的赋值 //[ ]里面是数组下标 alert(ary[0]); 使用下标获取数组值...Length属性介绍 Length用来获取数组的长度(数组中包含多少个元素) alert(ary.length); 遍历数组: //给数组赋值 var ary = []; for (var i =...; i++) { alert(ary[i]); //通过下标获取 } 9、数组合并 concat方法 // var ary3 = [12, 324, 4, "re"]; // var ary1 =...[234, 87, "hd"]; // var ary2 = ary3.concat(ary1); //数组合并 合二为一 // alert(ary2); // join方法 返回的是字符串类型

    7.6K20

    JS数组常用方法大全

    数组的方法有数组原型方法,也有从object对象继承来的方法, 常用方法: join 数组转字符串 split 字符串转数组 push 将数据添加到数组尾部 pop 数组末尾移除最后一项 shift 删除原数组第一项...) split() 方法用于把一个字符串分割成字符串数组。...unshift:将参数添加到原数组开头,并返回数组的长度 。 这组方法和上面的push()和pop()方法正好对应,一个是操作数组的开头,一个是操作数组的结尾。...在排序时,sort()方法会调用每个数组项的 toString()转型方法,然后比较得到的字符串,以确定如何排序。...这个方法会先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组。在没有给 concat()方法传递参数的情况下,它只是复制当前数组并返回副本。

    4.5K30

    JS常用方法-数组篇

    - 添加数组元素方法 push()方法: 在数组结尾处向数组添加一个新的元素(其余元素索引未改变),参数为被添加元素let fruits = ['苹果','香蕉','橘子']fruits.push...,'香蕉','橘子'] 返回值为改变后新数组的长度let fruits = ['苹果','香蕉','橘子']let x = fruits.unshift('西瓜') // x的值为402 - 删除数组元素方法...pop()方法: 删除数组中最后一个元素(其余元素索引未改变)let fruits = ['苹果','香蕉','橘子']fruits.pop() // 删除数组的最末尾元素console.log...让数组顺序翻转console.log(x); // ["Mango","Apple","Orange","Banana"]不改变原数组的方法01 - 数组合并和裁剪 concat()方法:...", "Lemon"]02 - 数组迭代方法 对每个数组项进行操作 forEach(): 遍历数组的每个元素参数:第一个为每个元素,第二个为该元素索引号,第三个为数组本身常用的为前两个参数接受回调函数对数组进行操作

    69620

    JS数组常用的方法

    JS 数组常用的方法(个人感觉) 1. forEach() 循环,无法在中间停止 2. some() 循环,找到符合条件的之后,可以通过 return true 退出循环 3. every() 测试数组中的所有元素是否都能通过某个指定函数的测试...amount, item) => (amount += item.price * item.count), 0); console.log(amount); //返回70 6. map() map()方法把调用它的数组的每一个元素分别传给指定的函数...2, , 3]; // 如果数组是稀疏的,缺失元素不会调用函数,但是返回的数组也会和原始数组一样稀疏 let newA = a.map((v) => v * v); console.log(newA)...; console.log(a.split(",")); 16. sort() sort()方法对数组元素按字母顺序对数组元素排序 let arr = [1, 2, 11, 23, 22, 111,...所以,要实现升序排序,可以按下面的方法 let arr = [1, 2, 11, 23, 22, 111, 12, 9, 8]; console.log( arr.sort((a, b) => {

    5.5K20

    js数组常用方法总结

    输入:待拼接的元素;如果参数中有数组,则连接的是数组元素,而非数组本身;但是不支持递归,不修改调用的数组。 ...输出:拼接后的新数组  注意:新建的数组,原数组不改变。 ...输入:和forEach一样  输出:执行完函数的新数组  注意:返回新数组,不修改原数组  1 // map() 调用的数组的每一个元素传递给指定的函数,并返回一个新数组 ,不修改原数组 2...:类似数组的对象和可遍历的对象  输入:待转换的对象,第二个参数可选,作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组。 ...()) { 14 console.log(index, elem); 15 } 16 // =>0 "a" 17 // =>1 "b" 如果不使用for…of循环,可以手动调用遍历器对象的next方法

    5.9K30

    JS 数组克隆方法总结

    ES5 方法总结 slice /1.slice方法 1) 作用:从一个数组中截取出新的数组 2) 格式:数组名.slice(begin,end);  begin表示开的下标  end表示结束的下标...,但是在截取时不包含结束下标对应的元素 3) 注意:  原数组不受影响  如果只设置一个参数,即begin,那么会从begin截取到最后  如果不写参数,那么slice方法可以实现数组的复制...let arr2 = arr.clone() console.log(arr2) console.log( arr2 === arr ) concat() 使用 concat() 用于连接两个或多个数组...该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本 Array.prototype.clone=function(){ return [].concat(this); //或者...this.concat(); } let arr = ['aaa','asss'] let arr1 = arr.clone() arr[0] = 123 console.log(arr,arr1) ES6 方法总结

    2.5K10

    js--数组方法

    01、concat()---合并数组的方法 02、join(separator)--把数组的所有元素放入一个字符串。元素通过指定的分隔符separator进行分隔。...03、shift()---删除数组第一个元素 04、pop()---删除数组最后一个元素 05、unshift()---在数组开头追加元素 06、push()---在数组末尾追加元素 07、reverse...()---翻转数组元素 08、sort()---数组排序 09、splice(start,deleteCount,val1,val2,...)...---新元素替换原来的元素,从start位置开始删除deleteCount项,并从该位置起插入val1,val2,... 10、slice(start,end)---从一个已有的数组中返回选定的元素,...返回从原数组中指定开始下标到结束下标之间的项组成的新数组 11、toString()----把数组转化成字符串 12、indexof()---返回某个指定的字符串值在数组中首次出现的位置。

    2K10

    js数组常用方法详解

    接着之前数组常用方法详解(一)第二部分介绍数组剩下的一些常用方法 2.12 *** concat() concat()方法可以在现有数组全部元素基础上创建一个新数组,它首先会创建一个当前数组的副本,然后再把它的参数添加到副本末尾...indexOf()方法从数组前头(第一项)开始向后搜索,而lastIndexOf()从数组末尾(最后一项)开始向前搜索;indexOf()和 lastIndexOf()都返回要查找的元素在数组中的位置,...其中元素是数组中当前搜索的元素,索引是当前元素的索引,而数组就是正在搜索的数组这两个方法都从数组的最小索引开始。...some(): 对数组每一项都运行传入的函数,如果有一项函数返回 true,则这个方法返回 true。...以上就是数组的一些常用方法和属性,对一些我认为比较重要且常用的方法我都会在标题处加上 *** ,希望可以帮助到各位,谢谢!

    2.2K30

    JS 数组的常用方法归纳

    改变原数组的方法 shift() 把数组的第一个元素从其中删除,并返回第一个元素的值, 如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。...请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。 该方法会改变数组的长度。 unshift()  可向数组的开头添加一个或更多元素,并返回新的长度。...该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。该方法会改变数组的长度。...push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。 该方法会改变数组的长度。 reverse()  用于颠倒数组中元素的顺序。 该方法会改变原来的数组,而不会创建新的数组。...splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改 splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素

    2.9K30
    领券