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

相关内容

热门资讯

上周(3.9-3.13)最受青... 数据显示,上周(3月9日-3月13日),华夏中证港股通消费主题ETF(513230)获净申购6745...
3月13日创业板50ETF大成... 3月13日,创业板50ETF大成(159298)跌0.09%,成交额227.56万元。当日份额减少1...
3月13日港股通生物科技ETF... 3月13日,港股通生物科技ETF华安(159102)跌1.54%,成交额3359.64万元。当日份额...
3月13日恒生科技ETF天弘(... 3月13日,恒生科技ETF天弘(520920)跌0.53%,成交额1.80亿元。当日份额增加5400...
3月13日创业板新能源ETF富... 3月13日,创业板新能源ETF富国(159122)涨0.00%,成交额590.26万元。当日份额减少...