关于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()
在这里插入图片描述
在这里插入图片描述

相关内容

热门资讯

好评中国|黄土地上“拼新图”,... 来源:中国青年网监制:陈华 郝帅策划:乔佳新文字:乔佳新设计制作:张博文(部分素材由AI生成)中国青...
日媒:日本自卫队员因持有可卡因... 来源:环球【环球网报道】据日本朝日电视台等日媒12月19日报道,日本陆上自卫队的一名自卫队员因持有可...
顺丰控股:11月速运物流业务收... 转自:证券时报人民财讯12月19日电,顺丰控股(002352)12月19日公告,公司2025年11月...
元祖股份(603886.SH)... 格隆汇12月19日丨元祖股份(603886.SH)公布,公司于2025年12月19日收到公司财务负责...
“班集体”成为北京市第二十八届... 中国教育报-中国教育新闻网讯(记者 施剑松)12月18日,以“寻美”为主题的北京市学生艺术节优秀节目...