js对象、数组、字符串操作总结（保姆级教程）

对象操作

1. 扩展运算符 作用是遍历某个对象或者数组

testMethod() {
	// 三个点 ... 俗称扩展运算符或延展运算符，需要注意的是扩展运算符在拷贝的时候只能深拷贝第一层，第二层及以下都是浅拷贝，为了避免数据的影响，如果只是多层对象或数组的复杂关系，不推荐扩展运算符，除非你不在乎数据影响！
	let obj = {id: 1,name: 'xxx'};
	let obj2 = {...obj};
	console.log('obj',obj2) //输出obj {id: 1,name: 'xxx'}
	let arr = ['haha',{id: 1,name: 'xxx'},true];
	let arr2 = [...arr];
	console.log('arr',arr2) //输出arr ['haha',{id: 1,name: 'xxx'},true]
},

2. 枚举属性for in 用来遍历对象和数组

testMethod() {
	//但是不含 Symbol 属性哦
	let obj = {id: 1,name: 'xxx',age: 22};
	for (let stu in obj) {
		console.log('key',stu); //遍历对象输出获得的是对象的key
		console.log('value',obj[stu]); //如果要获取对象key的值，可以通过 对象[stu或者具体的key名] 获取到值
	}
	let arr = ['haha',{id: 1,name: 'xxx',age: 22},false];
	for (let e in arr) {
		console.log('index',e); //遍历数组输出获得的是数组的下标
		console.log('value',arr[e]) //怎么通过下标获取数组的值我就不用多说了吧
	}
},

3. Object.assign() 用于将一个或多个可枚举但是仅限于对象本身(也就是说继承的不算)的属性的值复制到目标对象，然后返回目标对象

testMethod() {
    //如果拷贝的数据是基本类型，是深拷贝，如果是引用类型，是浅拷贝，语法：Object.assign(target, ...sources);
    let obj = {id: 1,name: 'xxx',age: 22};
    //复制一个对象给空对象
    let copyObj = Object.assign({},obj);
    console.log('copyObj',copyObj); //返回copyObj {id: 1,name: 'xxx',age: 22}
    //如果只有一个参数，会直接返回这个参数，如果参数不是对象，会转成对象然后返回，undefined和null无法转成对象，会报错，但是如果undefined和null不在源拷贝对象的第一个，就会被忽略，不会报错
    let copyObj2 = Object.assign(2);
    console.log('copyObj2',typeof copyObj2,copyObj2); //返回copyObj2 类型：object,值： Number {2}
},

4. Object.keys(obj) 返回对象所有可枚举并且是自身(继承不算)的属性名称组成的数组

testMethod() {
    let obj = {id: 1,name: 'xxx',age: 22, dept: {detpNo: 1,deptName: '学生会'}};
    console.log('objArr',Object.keys(obj)) //将对象的每个key名组成数组，输出['id', 'name', 'age', 'dept']
    //操作数组会返回数组的所有下标，字符串也一样，返回下标，不演示
    let arr = [1,2,3,4,5];
    console.log('arr',Object.keys(arr)) //将数组的下标作为字符串参数构成数组，返回['0', '1', '2', '3', '4']
    //常用技巧，获取到属性对应的值，做一些处理
    Object.keys(obj).map(key => {
        console.log('值',obj[key]); //这样就可以打印出值，咦，是不是发现和for in一样，其实是有区别的，后面说
    })
},

5. Object.values() 和上面keys相反的操作，返回对象所有可枚举并且是自身(继承不算)的 “属性值” 组成的数组

testMethod() {
    let obj = {id: 1,name: 'xxx',age: 22, dept: {detpNo: 1,deptName: '学生会'}};
    //是不是通过键名键值取到属性值很麻烦，js如此贴心，给你一个值组成的数组，你只要使用forEach()就可以取出来了
    console.log('arr',Object.values(obj)); //返回[1, 'xxx', 22, {detpNo: 1,deptName: '学生会'}]
    Object.values(obj).forEach(item => {
        console.log('值',item) //直接通过item获取到想要的值
    })
},

6. Object.entries() 上面两个的结合体，将键名和键值组成数组作为数组属性值返回，也就是返回一个二维数组

testMethod() {
    let obj = {id: 1,name: 'xxx',age: 22, dept: {detpNo: 1,deptName: '学生会'}};
    console.log('arr',Object.entries(obj)) //返回[["id",1],["name","xxx"],["age",22],["dept",{"detpNo": 1,"deptName": "学生会"}]]
    //二维数组怎么取值，在座各位心里自然清楚，就不再演示了
},

7. Object.freeze() 冻结对象，禁止对对象的一切操作，对象的原型链也不能操作

testMethod() {
    let obj = {id: 1,name: 'xxx',age: 22, dept: {detpNo: 1,deptName: '学生会'}};
    //首先将对象冻结
    Object.freeze(obj);
    //然后添加属性试试
    obj.className = '计算机网络1班';
    console.log('obj',obj); //打印出来发现，哎，添加不了，报错了 "TypeError: Cannot add property className, object is not extensible"
    //尝试修改，记得将上面的注释，js执行顺序从上到下，报错下面的不执行
    obj.id = 2;
    console.log('obj',obj); //打印出来发现，哎，修改不了，报错了 "TypeError: Cannot assign to read only property 'id' of object '#