目录
一、构造函数创建对象
1.使用new关键字调用的函数,是构造函数constructor,构造函数是专门用来创建对象的函数。
// 1.使用typeof检查一个对象时,会返回object
var obj = new Object();
console.log(typeof obj);
// 2.在对象中保存的值称为属性
// 向对象添加属性 语法:对象.属性名=属性值;
obj.name = "悟空";
obj.gender = "男";
obj.age = 18;
console.log(obj); // {name: "悟空", gender: "男", age: 18}
// 3.查询对象中的属性 语法:对象.属性名
console.log(obj.name); // 悟空
// 如果查询对象中没有的属性,不会报错而是会返回undefined
console.log(obj.hello); // undefined
// 4.修改属性值 语法:对象.属性名 = 新的属性值
obj.name = "八戒";
console.log(obj); // {name: "八戒", gender: "男", age: 18}
// 5.给对象增加一个属性 语法:对象.属性名 = 属性值
obj.tel = "1234566";
console.log(obj); // {name: "八戒", gender: "男", age: 18, tel: "1234566"}
// 6.删除对象的属性 语法:delete 对象.属性名
delete obj.name; // {gender: "男", age: 18, tel: "1234566"}
console.log(obj);
2.属性名和属性值
(1)属性名
// 对象的属性名不强制要求遵守标识符的规范,但是尽量按照标识符的规范去做
// obj.var = "hello";
console.log(obj); // {name: "八戒", var: "hello"}
// 如果要使用特殊的属性名,不能采用.的方式来操作
// 需要使用另一种方式,语法,对象["属性名"]=属性值 读取时也需要采用这种方式
obj["123"] = "7685";
console.log(obj["123"]); // 7685
// 使用[]这种形式去操作属性,更加的灵活,
// 在[]中可以直接传递一个变量,这样变量值是多少就会读取那个属性
obj["nihao"] = "你好";
var n = "nihao";
console.log(obj[n]); // 你好
(2)属性值
// JS对象的属性值,可以是任意的数据类型
obj.test = true;
obj.test = null;
obj.test = undefined;
// 甚至也可以是一个对象
// 创建一个对象
var obj2 = new Object();
obj2.name = "无能";
// 将obj2作为属性值赋给obj
obj.test = obj2;
console.log(obj); // {123: "7685", name: "八戒", nihao: "你好", test: {…}}
// 获取obj2的属性
console.log(obj.test.name); // 无能
// in: 运算符,通过该运算符可以检查一个对象中是否含有指定的属性,如果有则返回true,没有则返回false
// 语法: “属性名” in对象
// 检查obj中是否含有属性test
console.log("test" in obj); // true
// 检查obj中是否含有属性test1
console.log("test1" in obj); // false
二、基本和引用数据类型
1.基本数据类型:基本数据类型的值直接在栈内存中存储,值与值之间是独立存在,修改一个变量不会影响其他的变量。
例:
var a = 123;
var b = a;
a++;
console.log(a); // 124
console.log(b); // 123
2.引用数据类型 object
对象是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟出一个新的空间,而变量保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用,当通过一个变量修改属性时,另一个也会受到影响 。
例:
var obj = new Object();
obj.name = "无能";
var obj2 = obj;
obj.name = "悟空";
console.log(obj.name); // {name: "悟空"}
console.log(obj2.name); // {name: "悟空"}
但是如果设置obj2为null,那么obj2直接被移除,不会影响obj
obj2 = null;
console.log(obj); // {name: "悟空"}
console.log(obj2); // null
当比较两个基本数据类型的值时,就是比较值。而比较两个引用数据类型时,它是比较的对象的内存地址,如果两个对象是—摸—样的,但是地址不同,它也会返回false。
var obj3 = new Object();
var obj4 = new Object();
obj3.name = "八戒";
obj4.name = "八戒";
console.log(obj3 == obj4); // false
三、字面量创建对象
- 使用对象字面量创建对象, 语法:{属性名∶属性值,属性名∶属性值....}。 对象字面量的属性名可以加引号也可以不加,建议不加。如果要使用一些特殊的名字,则必须加引号。
- 属性名和属性值是一组一组的名值对结构,名和值之间使用:连接,多个名值对之间使用,隔开如果一个属性之后没有其他的属性了,就不要写。
例:
var obj = {
name: "八戒",
age: 18,
gender: "男",
test:{
name: "和尚"
}
}
console.log(obj); // {name: "八戒", age: 18, gender: "男", test: {…}}
// 1.查询
console.log(obj.name); // 八戒
// 2.修改
obj.name = "悟空";
// 3.增加
obj.tel = "15519552535";
// 4.删除
delete obj.gender;
console.log(obj); // {name: "悟空", age: 18, test: {…}, tel: "15519552535"}
1.对象的方法: 如果一个函数作为一个对象的属性保存,那么我们称这个函数是这个对象的方法,调用这个函数就说调用对象的方法
var obj = {
name: "lili",
age: 12,
say: function() { // 定义函数方法
console.log('唱歌');
},
dance: function() {
console.log("跳舞");
}
}
// 调用函数方法
obj.say(); // 唱歌
obj.dance(); // 跳舞
2.枚举对象中的属性
- for..in 用来循环对象属性,对象中有几个属性,循环体就会执行几次,每次执行时,会将对象中的一个属性的名字赋值给变量。
- 语法:for (var n in obj) { },其中,n是属性名,obj[n]是属性值。
例:
var obj = {
name: 'lili',
age: 12,
gender: "女"
}
// fon..in 循环对象属性
for (var n in obj) {
console.log(`${n}: ${obj[n]}`); // n: 属性名 obj[n]: 属性值
}
// 结果:
// name: lili
// age: 12
// gender: 女
【面试题】str = 'ghfsdgeweegfgfsdsasadsffgfh';
(1)计算每个字符串出现的次数;(2)找出出现次数最多的字符串以及出现的次数
思想:
【问题1】先定义一个空对象,将字符串中的每一个字符作为属性传递到对象中,给每一个字符的值设定为1。首先进行判断:如果该对象中有这个属性,就将该属性的值加1,否则就给他赋值为1。
【问题2】先初始化一个最大值为0,然后用for..in循环对象里面的属性。将这个最大值与对象里面的属性值进行比较,如果有比最大值大的,就将该值赋值给最大值。
代码以及过程:
// 计算每个字符串出现的次数
var str = 'ghfsdgeweegfgfsdsasadsffgfh'; //
// 1.定义一个空对象
var obj = {};
// 2.遍历字符串 用str[i]来表示每一个字符串
for (var i = 0; i < str.length; i++) {
var n = str[i];
// 3.判断:如果对象里面有这个属性,就将其值加1,否则赋值为1
if (n in obj) {
obj[n]++;
} else {
// 将每一个字符串作为属性添加到对象里面,每个值都设为1
obj[n] = 1;
}
}
console.log(obj);
// 找出出现次数最多的字符串以及出现的次数
// 1.初始最大值为max为0,出现次数最多的字符串为char,出现次数为count
var max = 0, char = '', count = 0;
// 2.循环对象里面的属性
for (var n in obj) { // n为属性名,obj[n]为属性值
// 3.判断:属性值大于最大值,就将这个值赋给最大值
if (obj[n] > max) {
max = obj[n];
char = n;
count = obj[n]
}
}
console.log('出现次数最多的字符串为:' + char); // f
console.log('出现次数最多的字符串出现的次数为:' + count); // 6
2.delete 删除对象属性,语法:delete 对象名.属性名
var obj = {
a: 1,
b: 2,
c: 4
}
delete obj.a;
console.log(obj); // {b: 2, c: 4}