js 数据类型

基本数据类型：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、符号(Symbol)。

引用数据类型：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。

var person = {name: '凯隆',hobby: ['玩耍', '学习', '造梦']
};

一、赋值

赋值操作就是使用赋值运算符，将一个变量的值赋值给另一个变量。

对基本数据类型进行赋值很好理解，变量赋值如下：

let a = 0;
let b = a
// 这里 a 和 b 是两个变量
a = 100;
console.log(a, b); // 100, 0

使用赋值运算符对引用数据类型（对象类型）赋值，两者共用一个地址，互相牵连：

var person1 = person;
person1.name = '杰哥';
console.log(person); // {name: '杰哥', hobby: Array(3)};
console.log(person1); // {name: '杰哥', hobby: Array(3)};

二、浅拷贝

浅拷贝会重新在堆中新建内存，基本数据类型不会共用内存，但引用数据类型还是共用一个内存。

function shallowCopy(obj) {var target = {};for (var i in obj) {if (obj.hasOwnProperty(i)) {target[i] = obj[i];}}return target;
}
var person2 = shallowCopy(person);
person2.name = '泽龙';
person2.hobby[0] = '学习';
console.log(person); // {name: '杰哥', hobby: ['学习', '学习', '造梦']};
console.log(person2); // {name: '泽龙', ['学习', '学习', '造梦']};

Object.protoType.hasOwnProperty 方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。

简写写法：

Object.assign(target, ...sources);

Object.assign 方法将所有可枚举属性的值从一个或多个源对象复制到目标对象，同时返回目标对象。

其中 target 是目标对象，sources 是源对象，可以有多个，返回修改后的目标对象。

三、深拷贝

深拷贝会在堆中新建一个内存空间，两个对象互不影响（基本数据类型和引用数据类型都互不影响）。

function deepCopy(obj) {var target = obj.constructor();if (typeof obj === null) {return obj;}if (typeof obj !== 'object') {return obj;}// a instanceof b b的prototype是否在a的原型链上if (obj instanceof Date) {return new Date(obj);}if (obj instanceof RegExp) {return new RegExp(obj);}for (var i in obj) {if (obj.hasOwnProperty(i)) {target[i] = deepCopy(obj[i]);}}return target;
}

constructor() 返回对象的构造器，Number.constructor() 返回 0，String.constructor() 返回 ''，Array.constructor() 返回 []，Object.constructor() 返回 {}，Function.constructor() 返回 ƒ anonymous() {}，Bool.constructor() 返回 false。

深拷贝的简易写法：

function deepCopy(obj) {var target = obj.constructor();if (typeof obj !== 'Object') {return obj;}for (var i in obj) {if (obj.hasOwnProperty(i)) {target[i] = deepcopy(obj[i]);}}return target;
}

也可以直接使用 JSON.parse(JSON.stringify()) 方法进行深拷贝：

var newObj = JSON.parse(JSON.stringify(obj));

弊端：拷贝不了函数和正则表达式。

Js进阶3-赋值、浅拷贝、深拷贝深度解析相关推荐

一文搞懂JS中的赋值·浅拷贝·深拷贝
前言为什么写拷贝这篇文章?同事有一天提到了拷贝,他说赋值就是一种浅拷贝方式,另一个同事说赋值和浅拷贝并不相同.我也有些疑惑,于是我去MDN搜一下拷贝相关内容,发现并没有关于拷贝的实质概念,没有办法只 ...
Interview：算法岗位面试—10.11下午—上海某公司算法岗位(偏机器学习，互联网数字行业)技术面试考点之XGBoost的特点、python的可变不可变的数据类型、赋值浅拷贝深拷贝区别
ML岗位面试:10.11下午-上海某公司算法岗位(偏机器学习,互联网数字行业)技术面试考点之XGBoost的特点.python的可变不可变的数据类型.赋值浅拷贝深拷贝区别 Interview:算法岗位 ...
python3 赋值浅拷贝深拷贝简介
目录一.赋值二.浅拷贝(shallow copy) 三.深拷贝(deep copy) 四.关于拷贝操作的警告一.赋值在python中,对象的赋值就是简单的对象引用,这点和C++不同.如下: a ...
python赋值浅拷贝和深拷贝的区别_python赋值、浅拷贝、深拷贝区别
在写Python过程中,经常会遇到对象的拷贝,如果不理解浅拷贝和深拷贝的概念,你的代码就可能出现一些问题.所以,在这里按个人的理解谈谈它们之间的区别. 一.赋值(assignment) 在<Py ...
js 浅拷贝直接赋值_js 深拷贝 vs 浅拷贝
本文主要讲一下 js 的基本数据类型以及一些堆和栈的知识和什么是深拷贝.什么是浅拷贝.深拷贝与浅拷贝的区别,以及怎么进行深拷贝和怎么进行浅拷贝. 本文思维导图如下:本文思维导图堆和栈的区别其实深拷 ...
Python 直接赋值、浅拷贝和深度拷贝全解析
直接赋值:其实就是对象的引用(别名,其实就是一个人今天叫张三明天叫张狗子的意思). 浅拷贝(copy):拷贝父对象,不会拷贝对象的内部的子对象. 深拷贝(deepcopy): copy 模块的 de ...
部分仍在编辑文章 - Python基础专题 - 深度解析python中的赋值与拷贝
深度解析python中的赋值与拷贝 jcLee95 的 CSDN 博客:https://blog.csdn.net/qq_28550263?spm=1011.2124.3001.5343 邮箱 :29 ...
【进阶3-5期】深度解析 new 原理及模拟实现
定义 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例. --(来自于MDN) 举个栗子 function Car(color) {this.color = color; ...
js中的浅拷贝深拷贝深入理解
举个例子来说明一下什么是浅拷贝什么是深拷贝浅拷贝 var x = {a: 1,b: {f: {g: 1}},c: [1, 2, 3] }; var y = shallow(x); 得出的结果可以看出 ...

Js进阶3-赋值、浅拷贝、深拷贝深度解析

js 数据类型

一、赋值

二、浅拷贝

三、深拷贝

Js进阶3-赋值、浅拷贝、深拷贝深度解析相关推荐

最新文章

热门文章