关于js数据类型的理解
创始人
2024-06-01 07:53:51

目录标题

    • 一、js数据类型分为 基本数据类型和引用数据类型
    • 二、区别:传值和传址
    • 三、深浅拷贝传值
    • 四、数据类型的判断

一、js数据类型分为 基本数据类型和引用数据类型

1、基本数据类型
Number、String、Boolean、Null、undefined、BigInt、Symbol
2、引用数据类型
像对象、数组、日期、正则等等

二、区别:传值和传址

基本数据类型是传值
引用数据类型传的是地址
举列子
在这里插入图片描述

在这里插入图片描述

三、深浅拷贝传值

浅拷贝和深拷贝都是只针对于像Object,Array这样的复杂对象
浅拷贝只复制对象的第一层属性、深拷贝可以对对象的属性进行递归复制

使得引用数据类型传递的是值而不是地址
1、扩展运输符
2、concat
3、循环赋值
4、JSON转换

1、扩展运输符

//1、扩展运输符let a=[[1,2,3],"aaasss",123,"add"]let b = [...a]b[0]="6"console.log("a=",a);console.log("b=",b);

在这里插入图片描述
2、concat

//2、concatlet a=[[1,2,3],"aaasss",123,"add"]let c=[].concat(a)c[0]=8console.log("c=",c);console.log("a=",a);

在这里插入图片描述
3、循环赋值

//3、循环赋值
let a=[[1,2,3],"aaasss",123,"add"]
let d = []
a.forEach((item,index)=>{d[index]=item
})
d[1]="ddd"
console.log("d为",d);
console.log("a为",a);

在这里插入图片描述
4、JSON转换

//4、JSON转换const a = { name: 'Jerry', age: 20 }const b = JSON.parse(JSON.stringify(a))console.log(a, b)b.name = 'Tom'console.log(a, b)a.name = 'Jack'console.log(a, b)

在这里插入图片描述

注意:方法1、2、3如果引用数据类型嵌套引用数据类型,传的还是地址

//3、循环赋值let d = []a.forEach((item,index)=>{d[index]=item})d[0][0]="ddd"console.log("d为",d);console.log("a为",a);

在这里插入图片描述
json深拷贝

//4、JSON转换const a = { name: 'Jerry', age: 20 ,friend:["玛丽","小米","小敏"]}const b = JSON.parse(JSON.stringify(a))console.log(a, b)b.friend[0]="小明"console.log(a, b)

在这里插入图片描述

四、数据类型的判断

1、typeof
2、instanceof
3、constructor
4、Object.prototype.toString.call()

1、typeof
在这里插入图片描述

2、instanceof
在这里插入图片描述

3、constructor
constructor是prototype对象上的属性,指向构造函数,undefined和null没有constructor属性
写法

let n1=628
console.log(n1.constructor == Number); //结果true

4、Object.prototype.toString.call()
在这里插入图片描述
在这里插入图片描述

相关内容

热门资讯

比亚迪:公司海外业务保持良好增...   炒股就看金麒麟分析师研报,权威,专业,及时,全面,助您挖掘潜力主题机会! (来源:证券时报)人...
特朗普要求伊朗举白旗投降 转自:财联社【特朗普要求伊朗举白旗投降】财联社8月17日电,据美国福克斯新闻今天(8月17日)报道,...
哈尔斯:上半年归母净利润488... 哈尔斯8月17日披露半年报,公司上半年实现营业收入17.73亿元,同比增长12.83%;归属于上市公...
飞力达拟4000万元至6000... 8月17日,飞力达公告,公司拟以集中竞价交易方式回购股份。回购金额不低于4000万元且不超过6000...
远东传动半年报解读:扣非净利润... 财报解读营业收入:商用车市场复苏驱动增长25.94%2026年上半年,远东传动实现营业收入9.05亿...