第三节：数据类型

2023-11-26 15:20| 来源: 网络整理| 查看: 265

Object对象：由属性构成的无序集合；

1、对象与原始类型的区别：

对象有属性；对象对应的值可以是原始数据类型也可以是对象，对象的属性和对应的值这种表示方式称之为键值对，属性名又称之为键名，值称之为键值；键值可以是原始数据类型也可以是对象，也可能是一个方法；对象有方法；方法其实就是对象的特殊属性（由function对应的一个方法）；对象可以改变（对象的属性可以进行改变）

2、对象的分类（可能有不同的分法）

内部对象，JS有17个内部对象，内部对象又可以分为错误对象（代表各种错误和报错）、常用对象（布尔类型、字符串、数字类型、数组、时间、函数Functon、Object、正则表达式）、内置对象（Math、global、json）数组对象（常用有：windows和document）自定义对象 Object(true);//Boolean {true} ,返回一个对象，[[PrimitiveValue]]: true Object(123);//Number {123} 与布尔值一样 Object('abc')；//String {'abc'} 0: "a" 1: "b" 2: "c" length: 3，字符串不太一样，会有多个属性（0,1，2，长度，原始值） Object(null); //{} 空对象 Object(undefined); //{} 空对象

3、对象转原始类型

//无论对象是什么转布尔都返回true Boolean({});//true Boolean({a:1,b:2});//true //常见的面试的坑 Boolean(new Boolean(false));//true，使用new操作符来创建一个布尔类型**对象**，传进来一个false，又通过Boolean函数将对象转换为布尔类型 //解析：new Boolean(false)是布尔值的包装对象 typeof (new Boolean(false)) // 'object' ,所以转换为boolean是true，而不是false //原始数据类型是没有方法的，但是我们却可以有如下用法 true.toString() //'true' //这是因为，在对原始类型使用方法时，会自动通过Boolean()构造一个临时对象，访问的方法均来自这个临时对象，同样的数字和字符串对应有Number()和String() 所以都可以调用方法如（toString()）；而 undefined 和 null 没有对应的包装对象，所以访问他们的属性会报错 var a='abc'; var b = 123; var c = false; var d = null; var e = undefined; a.toString();//'abc' b.toString();//'123' c.toString();//'false' d.toString();//报错 Cannot read properties of null (reading 'toString') e.toString();//报错 Cannot read properties of undefined (reading 'toString') [{a:1},{a:2},{a:3},{a:4}].toString();//'[object Object],[object Object],[object Object],[object Object]' new Date().toString();//'Tue Oct 26 2021 17:06:30 GMT+0800 (中国标准时间)' //toString() 方法可把一个 Number 对象转换为一个字符串，并返回结果

JS内部对象转换为字符串的实现方法：首先调用toString()方法，如果得到字符串则直接返回，如果不能得到字符串会再调用valueOf()方法 JS内部对象转换为数字的实现方法：首先调用valueOf()方法，再调用toString()方法

参考：布尔类型，布尔值只有6个值会转为false，其余都是true

4、创建对象的几种方式

//1、对象直接量创建对象 var person = {name:'json',age:18, work:'doctor'}; console.log(person);//{name: 'json', age: 18, work: 'doctor'} //2、使用new操作符 var obj = new Object(); obj.name='Tom'; obj.age=20; console.log(obj);//{name: 'Tom', age: 20} //3、Object.create() 方式创建 var a = { rep: 'apple' } var b = Object.create(a) console.log(b) // {} console.log(b.__proto__) // {rep: "apple"} console.log(b.rep) // {rep: "apple"}

new Object() 和 Object.create() 的区别 new Object() 通过构造函数来创建对象, 添加的属性是在自身实例下。 Object.create() es6创建对象的另一种方式，可以理解为继承一个对象, 添加的属性是在原型下

// new Object() 方式创建 var a = { rep : 'apple' } var b = new Object(a) console.log(b) // {rep: "apple"} console.log(b.__proto__) // {} console.log(b.rep) // {rep: "apple"} // Object.create() 方式创建，Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__，语法：Object.create(proto，[propertiesObject]) //proto 新创建对象的原型对象 //propertiesObject 可选。需要传入一个对象 var a = { rep: 'apple' } var b = Object.create(a) console.log(b) // {} console.log(b.__proto__) // {rep: "apple"} console.log(b.rep) // {rep: "apple"} //传入第二个参数，参数写法参照下面代码 var a={rep:'apple'}; var b = Object.create(a,{ 'property1': { value: true, writable: true }, 'property2': { value: 'Hello', writable: false }}); console.log(b)//{property1: true, property2: 'Hello'}

5、查找对象的属性

使用点使用中括号

JS解释器的运行原理：JS解释器碰到点或者中括号前面是不是 null 或undefined，如果是则报错；如果不是则判断点和中括号前面是不是一个对象，如果不是会先转化为对象（这就是为什么基础属于类型也可以使用toString()或者valueOf()方法），转化为对象之后，如果是点则直接把对应的名字返回回来，如果是括号首先将括号的内容进行计算，然后转换为字符串返回回来（例如数组的中括号查找），当属性名称不存在则返回undefined。

var a = 'abc'; a.toString();//'abc' var person = {name:'json',age:18, work:'doctor'}; person.name;//'json' person.aa; //undefined //数组的中括号查找 var arr = ['aa','bb','cc','dd','ee','ff','gg']; arr[0]; //'aa' ，中括号中为数字，会先将数字转化为字符串，所以下标为字符串也可以查找到对应的值 arr['0'];//'aa', 中括号中为字符串 arr[10]; //undefined，属性10不存在，返回undefined

备注：本内容学习总结来源于喜马拉雅冰山工作室沙翼老师主讲的（陪你读书（JavaScript WEB前端））

【本文地址】

第三节：数据类型

第三节：数据类型

今日新闻

推荐新闻