JS中如何区分变量是数组还是对象

总结:

这里提供三种方法:

javascript 复制代码
var arr=[]
var arr2={}

1、constructor:
    数组的constructor是function Array(){};
    对象的constructor是function Object(){}

2、instanceof:
    数组 instanceof Array:为true;
    对象 instanceof Array: 为false;

3、Object.prototype.toString.call([数组]) 返回的字符串可以判断是否是数组
    //正常使用toString 方法是 obj.toString;toString方法里面的this,谁调用的就是谁

    Object.prototype.toString=function (){
        //识别 this
        //返回相应的结果
    }
    obj.toString();
    //obj.toString();这里obj调用的this指向的就是obj,所以想要改变this指向就可以使用call函数

详解:

先了解一些概念:

对象的查询属性的两种方法:

javascript 复制代码
var obj = {
    name: '张三',
    age: 18,
    sex: 'man',
    testName1: '1111',
    testName2: '22222',
    testName3: '333333'
}

1:obj.name

javascript 复制代码
其实第一种和第二种是一样的,只不过第一种在其内部做了隐式转换;

obj.name----->在内部做了obj['name']的操作

所以也就是第一中的速度会比第二种方法更慢

2:obj'name'

javascript 复制代码
对象名加[], 然后加属性名字的字符串形式:obj['age'];

使用字符串的形式可以进行字符串拼接,更加灵活;obj['testName'+num],根据num的值;可以得到不同的值

如果是变量则不需要加引号:obj[param], param是变量可以是name,也可以是age

对象的枚举:

对象枚举共有四个重要的方法

javascript 复制代码
1、for in 循环遍历
2、hasOwnProperty
3、in   
4、instanceof

for in 用法

javascript 复制代码
var obj = {
    name: 'wq',
    age: 12,
    sex: 'man'
}

1、
for (const objKey in obj) {
    console.log(objKey)
}  
//打印的是obj的属性名

2、
for (const objKey in obj) {
    console.log(obj.objKey)
} 
//打印的全部是undefined;为什么呢
//上面说了obj.objKey相当于内部隐式的使用了obj['objKey']去获取;
//obj里面没有objKey这个属性所有打印的全部是undefined;所以不能使用这种方式

3、
for (const objKey in obj) {
console.log(obj[objKey])
} 
//这样才能打印出属性的值,这里objKey相当于一个变量

hasOwnProperty用法

javascript 复制代码
var obj = {
    name: 'wq',
    age: 12,
    sex: 'man',
    __proto__:{
        last:'a'
    }
}

Object.prototype.abc=123;
for (const objKey in obj) {
    console.log(obj[objKey])
}

打印结果:

你会发现打印出来的东西里面既然会有 原型上的属性 ,本来这个原型上的属性你是不想打印的,结果有,那该怎么办?

这里就可以使用hasOwnProperty方法,这方法可以判断该属性是你自己的还是原型上的;返回值是Boolean值。可以使用以下代码:

javascript 复制代码
这里就可以使用hasOwnProperty方法,这方法可以判断该属性是你自己的还是原型上的;返回值是Boolean值
for (const objKey in obj) {
    if(obj.hasOwnProperty(objKey)){
        console.log(obj[objKey])
    }
}

instanceof用法:A instanceof B

官方解释: A对象 是不是 B构造函数构造出来的

自己理解:看A对象的原型链上 有没有B的原型,既A是不是B的孩子,或者孙子或者重孙

javascript 复制代码
function Person() {}
var obj={}
var person = new Person();
//person instanceof Person   person是不是由Person构造出来的
相关推荐
沙漠之主2 小时前
C++编程教学设计资料:从入门到实战的完整课程方案
java·前端·c++
hasty3 小时前
不上传新包,也能改变用户拿到的版本:npm dist-tag 的 OIDC 权限治理
前端·npm·node.js
Csvn3 小时前
diff 算法(虚拟 DOM Reconciliation)
前端
前端snow4 小时前
ai agent --- 文件存储
前端
Frag0ut4 小时前
Chrome四大版本获取及共存指南:Stable/Beta/Dev/Canary
前端·chrome·浏览器·dev·beta·canary·共存版
IT_陈寒6 小时前
SpringBoot自动配置坑了我一把,原来是这样绕过去的
前端·人工智能·后端
广州华水科技6 小时前
单北斗GNSS变形监测在大坝安全监测中的应用与优势
前端
zeng不错6 小时前
B站 173 个投稿活动看到眼瞎?我写了个扩展,主打一个精准打击
前端
Latchh6 小时前
前端导出的JPEG红字发糊,质量要拉到100才清楚
前端·图像处理·人工智能·计算机视觉
默_笙6 小时前
🚦 请三个 AI 考官给 RAG 打分:量化评估实战(下)
前端·javascript