前端JS基础知识复习笔记（6）---对象

一、所有的对象都应该具备以下特点:
1.用键值对(key:value 俗称属性名和属性值) 来描述一个对象的特征（每一个对象都是综合 体，存在零到多组键值对）
2.{ key:value , …} 每一组键值对是 key:value 的格式，多组键值对用逗号分隔
3.key不能是引用数据类型的，value可以是任何的数据类型

let obj = {
		name: '张三',
		age: 25,
		sex: '男',
		score: [100, 98, 89],
		fn: function () {}
	};
	console.log(obj); */

二、关于对象中键值对的增删改查

	let obj = {
		sex: 0
     };

1.新增或者修改属性和属性值
对象的属性名（键）是不允许重复的，之前没有这个属性则为新增，之前有这个属性，则是修改对应的属性值
操作属性的两种方式：
1）对象.属性名 = 属性值 .在这里可以理解为“的”
2）对象[属性名] = 属性值
obj.name = ‘珠峰培训’;
obj[‘name’] = “周啸天”;

2.获取对象中的属性名和属性值
1）获取指定属性名的属性值
console.log(obj.sex); //=>0
console.log(obj[‘sex’]); //=>0
2）如果指定的属性不存在，获取到的属性值是undefined（不会报错）
console.log(obj[‘age’]); //=>undefined
3）获取当前对象中所有的属性名：返回结果是包含所有属性名的数组
console.log(Object.keys(obj)); //=>[“sex”]

3.删除对象中指定的属性
1）假删除：当前属性还存在，只不过属性值赋值为空
obj.sex = null;
2）真删除：彻底把属性从对象中移除掉
delete obj.sex;
console.log(obj);

三、 对象的属性名不能是引用数据类型值
1）、基于 对象[属性名] 的方式操作，需要保证属性名是一个值（字符串/数字/布尔等都可以），如果不是值而是一个变量，它会把变量存储的值作为对象的属性名进行操作
2）、基于 对象.属性名 的方式操作，属性名就是点后面的

	 let n = 100;
	 let obj = {1: 100};
	 console.log(obj[1]);
	 console.log(obj.1); //=>Uncaught SyntaxError: missing ) after argument list 基于点的方式操作有自己的局限性，属性名不能是数字的，不能 对象.数字属性，此时只能用 对象[数字属性]
     console.log(obj[1]);
	 console.log(obj['1']); //=>其它非字符串格式作为属性名和字符串格式没啥区别
	 obj.n = 200; //=> {n:200}  n是属性名（数据格式是字符串）
	 obj['n'] = 200; //=> {n:200} 和上面的情况一样
     obj[n] = 200; //=> {100:200} => obj[100]=200   n本身是一个变量（n和'n'的区别：前者是一个变量，后者是一个字符串的值），它代表的是所存储的值100（是一个数字格式）
	 obj[m] = 200; //=>Uncaught ReferenceError: m is not defined m这个变量没有被定义
	 obj[true] = 300; //=>{true:300}
     obj[undefined] = 400; //=>undefined:400}
	 console.log(obj); 
     let n = {x: 100};
	 let m = [100, 200];
	 let obj = {};
	 obj[n] = "珠峰"; //=>obj[{x:100}] 但是对象不能作为属性名，需要把其转换为字符串 =>{"[object Object]":"珠峰" }
	 obj[m] = "培训"; //=>obj[[100,200]] =>{ "100,200":"培训" }
	 console.log(obj); 
=>如果非要让属性名是个对象，只能基于ES6中的新数据结构 Map 处理

数组是特殊的对象
1.它的属性名是数字，数字从零开始，逐级递增，每一个数字代表着当前项的位置 =>我们把这种数字属性名叫做“索引”
2.默认有一个length属性存储数组的长度

let arr = [10, 20, 30];
console.log(arr[0], arr[1], arr[2]);
console.log(arr.length);
console.log(arr['length']);