背景 最近在涉猎 【React】 前端框架知识时; 更多的精力会放在对 JS 的数据处理上 并且, 在业务中会经常使用数组操作 显然， 对不熟悉前端开发的小伙伴，会很容易入坑的 ——
如上，arr的修改，会影响arr2的值，这显然在绝大多数情况下，并不是我们所需要的结果。 因此，数组以及对象的深拷贝就是javascript的一个基本功了。
记一下js深拷贝的几种方法 使用递归 通过JSON对象 通过jQuery的extend方法 Object.assign() lodash函数 使用递归 //使用递归的方式实现数组、对象的深拷贝 f
上一篇JS基础知识总结（一）主要了介绍变量类型相关的基础知识，本文将介绍JS的深拷贝和浅拷贝的有关内容。
注: JSON.stringify()转换对象过程中，undefined、任意的函数以及 symbol 值，在序列化过程中会被忽略（出现在非数组对象的属性值中时）或者被转换成null（出现在数组中时）。函数、undefined 被单独转换时，会返回 undefined。
文章目录 一、JavaScript基础篇 1、JavaScript 有几种数据类型 2、怎么进行数据类型检测 3、 get 请求传参长度的误区 4、如何让事件先冒泡后捕获 5、说一下事件委托？ 6、说一下图片的懒加载和预加载？ 7、mouseover 和 mouseenter 的区别？ 8、JS 的 new 操作符做了哪些事情？ 9、改变函数内部 this 指针的指向函数（bind，apply，call 的区别） 10、箭头函数中this 指向举例？ 11、数组常用方法有哪些？ 12、说说数组去重？ 13
要理解JS中数据是如何存储的，就要先明白其内存空间的种类。下图就是JS的内存空间模型。
在看react-native性能优化的时候，看到如何避免shouldComponentUpdate的异常数据时，脑内一阵风暴，从而牵连出一连串的问题，于是有了这一篇关于js数组的复制（深浅拷贝）与赋值等为何能产生异常数据的文章。 有什么问题欢迎指正 现在进入正题： 首先异常数据的产生在于我们在复制赋值时，会有或没有改变到本身的值。 一、push与concat push的定义是:像数组末尾添加一个或更多元素，并返回新的长度。该方法会改变数组的长度。 concat的定义是：连接两个或更多的数组，并返回结果，该方
➢ id 选择器（ #myid） ➢ 类选择器（.myclassname） ➢ 标签选择器（div,h1,p） ,用逗号分割，可多个 ➢ 相邻选择器（h1+p） ，兄弟节点 ➢ 子选择器（ul>li） ， ➢ 后代选择器（lia） ➢ 通配符选择器（ * ） ➢ 属性选择器（a[rel=“external”]） ，jQuery常用 ➢ 伪类选择器（a:hover,li:nth-child）
pop() 删除最后一个；push最后添加一个或者多个；reverse颠倒数组；shift删除第一个元素；unshift首部添加元素；concat衔接两个数组；join把数组按照指定字符变为字符；slice(1,1)截选数组元素；
持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第32天，点击查看活动详情
用来检测：undefined、string、number、boolean、symbol、object、function 无法检测引用类型里的Array
数组扁平化就是将多层数组拍平成一层，如[1, [2, [3, 4]]]变成[1, 2, 3, 4]
浅拷贝是指，一个新的对象对原始对象的属性值进行精确地拷贝，如果拷贝的是基本数据类型，拷贝的就是基本数据类型的值，如果是引用数据类型，拷贝的就是内存地址。如果其中一个对象的引用内存地址发生改变，另一个对象也会发生变化。
Immutable.js是一个为 JavaScript 提供不可变集合的库，其灵感来源于 Clojure[脚本] 的不可变数据结构。它由 Facebook 开发。
数组拷贝经常被误解，但这并不是因为拷贝过程本身，而是因为缺乏对 JS 如何处理数组及其元素的理解。JS 中的数组是可变的，这说明在创建数组之后还可以修改数组的内容。
1、使用递归（循环）的方式实现深拷贝 //使用递归的方式实现数组、对象的深拷贝 function deepClone1(obj) { //判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组
其实诀窍很简单，常见的基本是 3 种情况：es5 普通函数、es6 的箭头函数以及通过bind改变过上下文返回的新函数。
在工作中我们经常会用到深拷贝与浅拷贝，但是你有没有去分析什么场景下使用它，为什么需要使用呢，深浅拷贝有何异同呢，什么是深拷贝呢，如何实现呢，你会有这些问题吗，今天就为大家总结一下吧。
一般我们说到JS的数据类型指的是它的原始(Primitive types)数据类型(共有6种)：
关于如何实现深拷贝，网上有很多相关的文章和实现都非常完美，本文主要讲述的是用一种非常规的使用非递归方法实现深拷贝
工作中会经常遇到操作数组、对象的情况，你肯定会将原数组、对象进行‘备份’ 当真正对其操作时发现备份的也发生改变，此时你一脸懵逼，到时是为啥，不是已经备份了么，怎么备份的数组、对象也会发生变化。 如果你对拷贝原理理解的不透彻，此文或许能提供一点帮助。
想掌握JS的深浅拷贝，首先来回顾一下JS的数据类型，JS中数据类型分为基本数据类型和引用数据类型。
“回?掏”。最近做东西，有点儿玩不转复杂数据类型，写篇博文再回顾下深、浅拷贝相关知识。深、浅的区分主要在对复杂数据类型进行操作的时候。 By the way：时间过得很快，十月了，之前定了个小目标：
crypto-js https://www.npmjs.com/package/crypto-js
js中的深浅拷贝 js中有深拷贝、浅拷贝一说，所谓的深浅拷贝是针对value类型为引用类型（函数、对象、数组）而言的，大概理解的就是： 浅拷贝： 拷贝出的对象c和原始对象o，c和o在key对应的value为引用类型时，其指向同一块内存地址，修改一个必然影响另一个。 举个浅拷贝的例子： var shallowCopy = function (src) { var dst = {} for (const key in src) { if (src.hasOwnProperty(key))
数组是复合的数据类型，直接复制的话，只是复制了指向底层数据结构的指针，而不是克隆一个全新的数组。
数组是一个基础的数据结构，它用来存储一组相同类型的元素的集合。数组非常有用，例如Java提供的集合类ArrayList、HashMap等都是基于数组来实现的。
js的浅拷贝与深拷贝在业务中时常有用到，关于浅拷贝与深拷贝的剖析文章层出不穷，本文是笔者对于深拷贝与浅拷贝的理解，一起来夯实js语言基础知识的理解吧。
1、这几天在写自己的Js工具类库,所以在编写对象扩展方法,参考了jQuery的对象扩展方法,在编写该方法前,需要掌握js深拷贝和浅拷贝的相关知识,下面是jQuery3.2.1版本对象扩展方法的源码: jQuery.extend = jQuery.fn.extend = function() { var options, name, src, copy, copyIsArray, clone, target = arguments[ 0 ] || {}, i = 1,
递归简单的来说就是程序自己调用自己，就像下面这幅图一样，一直循环往复。就像我们经常听到的小和尚的故事，从前有座山，山里有座庙，庙里有个老和尚和一个小和尚，有一天老和尚对小和尚讲故事，故事内容是：从前有座山，山里有座庙，庙里有个老和尚和一个小和尚，有一天老和尚对小和尚讲故事，故事内容是：从前有座山，山里有座庙，庙里......
最近经常看到很多 JavaScript手写代码的文章总结，里面提供了很多 JavaScriptApi的手写实现。
空类型：undefined null 值类型：基本数据类型 String Number Boolean 引用型：复杂数据类型 Object Array 对象
// 在JS中，数据类型分为基本数据类型和引用数据类型两种，对于基本数据类型来说，它的值直接存储在栈内存中， // 而对于引用类型来说，它在栈内存中仅仅存储了一个引用，而真正的数据存储在堆内存中
在现代js中，let＆const是创建变量的不同方式。 在早期的js中，咱们使用var关键字来创建变量。 let＆const关键字是在ES6版本中引入的，其目的是在js中创建两种不同类型的变量，一种是不可变的，另一种是可变的。
本文章学习的是 v3.4.1版本。unpkg.com源码地址：https://unpkg.com/jquery@3.4.1/dist/jquery.js
面试的时候我们经常会被问答js的数据类型。大部分情况我们会这样回答包括： 基本类型（值类型或者原始类型）： Number、Boolean、String、NULL、Undefined以及ES6的Symb
1、Array.from可以从类似的数组或可迭代对象中创建一个新的、浅拷贝的数组实例。
变量保存的是一个指针，存放在栈内存中，指针指向一个位置，这个位置就是存放在堆内存引用类型的值
在前端的数据处理当中,有时候往往需要对原有的数据进行克隆拷贝一份,然后在进行操作,但是又不能影响原来的数据
请使用最基本的遍历来实现判断字符串 a 是否被包含在字符串 b 中，并返回第一次出现的位置（找不到返回 -1）。
参考：https://juejin.cn/post/6938581764432461854
笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，内容系统且完整，对初中级选手会有很好的提升，高级选手也会得到复习和巩固。这是本系列的第二篇。
可以判断出\'string\',\'number\',\'boolean\',\'undefined\',\'symbol\' 但判断 typeof(null) 时值为 \'object\'; 判断数组和对象时值均为 \'object\'
对列表进行反序是一个很常见的操作, 但python反向切片的玩法实在是非常简洁, 让人无法拒绝, 其实对某一数据结构进行"反向"是一个很有意思的操作, 比如对二叉树进行反序明星程序员被Google挂掉的故事, 还有google著名的 在不使用额外空间的前提下, 对句子内的单词进行反序的问题, 比如将This is a pen 反向为 pen a is This
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
