首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

js复制方法总结

js中有深拷贝和浅拷贝两种复制形式,下面总结一下常用方法,方便平时工作复习使用 一、浅拷贝 1、json对象浅拷贝 var newObj = JSON.parse(JSON.stringify( someObj...*/ 二、深拷贝 1、借助lodash的merge方法 import merge from "lodash/object/merge"; function commentsById(state = {...2 map2.get('b') // 50 尽量保持数据 4、jquery的$.extend()  如果没有第一个参数则为浅拷贝 $.extend(true, {}, obj) 5、JSON对象的方法...var obj2 = JSON.parse(JSON.stringify(obj1)) 熟悉js的人对这两个方法肯定不陌生,利用原生JSON对象的两个可以非常方便地实现对象的深复制。...这种方法也有弊端: 只能复制能用json表示的属性,比如String、Number、Array等,对于不能用json表示的属性例如Function、Regexp等则会丢失 对象的原型链丢失 复制效率较低

3.4K40

JS的indexOf方法

indexOf()简介 indexOf()是js内置的方法之一,它的功能大家都很熟悉:简单来说就是得到数据的索引,对于正则不熟练的人,是个很不错的方法。...的场景进行讨论(其实就是string和array) 注:(暂不讨论两个参数时(第二个参数为查询的起始位置),以及lastIndexOf()) String类型使用indexOf(); String的...----------'); 相信大家已经发现特点,也就是string的IndexOf()是对数据进行了隐式类型转换的,如果参数是数值它会转换为字符来进行查询然后返回索引,本质原因是什么呢,那就是 我们js...底层代码String.prototype.indexOf()使用的是==进行比较判断; Number类型的IndexOf() 醒醒,Number类型哪来的indexOf()方法,会直接报错的好吗,...如果想对数值类型的进行查询索引,可以将数值转换为字符再进行查询,方法有很多: – String() – .toString() – 与空字符’’进行+拼接 Array类型的indexOf()

5.1K40

JS 数组 reduce 方法详解

一、reduce 方法 reduce() 方法接收一个函数作为累加器(accumulator),数组的每个值(从左到右)开始缩减,最终为一个值。...也就是说,这个累加器会从第一个累加值开始,不断对累加值和数组的后续元素调用该累加器,直到数组的最后一个元素,最后返回得到的累加值。...total = items.reduce(reducer, { sum: 1 }); console.log(total); // {sum: 1111} ③ 多维度的数据叠加 使用 reduce 方法可以完成多维度的数据叠加...如上例的初始值 {sum: 0},这仅仅是一个维度的操作,如果涉及到了多个属性的叠加,如 {sum: 0,totalInEuros: 0,totalInYen: 0},则需要相应的逻辑进行处理 在下面的方法...,采用分而治之的方法,即将 reduce 函数第一个参数 callback 封装为一个数组,由数组的每一个函数单独进行叠加并完成 reduce 操作。

6K40

JS的数组方法

JS的数组方法总结 Array.push() 向数组的末尾添加一个或者多个元素,并返回新的长度 let arr =[1,2,3]; console.log(arr.push(6)) //打印结果为...该方法还可以操作字符串和substring()功能一样 let arr = [1,2,3,4] console.log(arr.slice(1,3)) //打印结果 [2,3] console.log...(arr) //打印结果 [1,2,3,4] Array.concat(arr1,arr2) 连接2个或者更多的数组,并返回连接后的新数组,该方法不会改变原数组 let arr1 = [1,2,3...,arr.sort(fn(second,fitst)),该方法会改变原数组 let arr = [2,1,3] console.log(arr.sort((a,b)=>{ return a-b })...) //结果 2 Array.findIndex() 返回数组符合条件的第一个元素的下标,若数组没有元素符合要求则返回-1,不改变原数组 let arr = [1,2,3] console.log

6.2K21

jsmoment方法_jquery 虚拟dom

vue项目中,需要把 moment.js 挂载到全局上(即vue的原型链上),访问时直接使用 this.moment() ; vue项目中不挂载到全局,单文件(单组件)使用: ==>...加/减 ==>> 操作之前必须使用 this.moment(日期变量) ;将要操作的日期转为 moment.js 可以处理的日期时间格式 加法:this.moment().add(1, ‘months...获取时、分、秒 原理:利用字符串的 split 方法拆分时分秒,然后分别用moment的 hour、minute 和 second 方法;带有日期的可以用 .valueof() 方法。...0); console.log('=====输出',getHour,getMinute,getSecond,getHour_Minute_Second); 得到的结果都是moment.js...可以用 format 转换为自己想要的格式,也可以用 diff 方法做时间差的计算 10.

6.7K30

js数组的sort()方法排序

无参调用: 如果调用该方法时没有使用参数,将按字母顺序对数组的元素进行排序,按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串以便进行比较。...带参调用: 如果想要自己规定排序方式,就需要在sort()方法中提供一个比较函数,该函数要比较两个值即有两个形参a 和 b,函数执行时浏览器会将数组的元素依次作为实参传入,返回一个用于说明这两个值的相对顺序的数字...sort()方法会根据函数返回值来进行数组元素的交换。返回值如下: 若 a 小于 b,在排序后的数组 a 应该出现在 b 之前,则返回一个小于 0 的值。 若 a 等于 b,则返回 0。...三.对sort(sortby)方法的理解: sort()方法主要依靠其回调函数来进行排序,回调函数需要两个参数,在执行sort()方法时会调用回调函数,这时会将调用sort()方法的数组的元素作为实参两两依次作为回调函数实参传入...以上是关于JSsort函数的小结,后续遇到新的问题再继续更新!

6K20
领券