Object及对象属性

 1.属性描述符

let obj1 = { name: 'lihua3', age: 14, school: "nnnnn", id: 123 }
console.log(Object.getOwnPropertyDescriptor(obj1, 'name'))

2.定义某个属性描述符

//name属性描述符
let obj = { name: 'lihua3', age: 14, school: "nnnnn", id: 123 }
console.log("修改之前", Object.getOwnPropertyDescriptor(obj, 'name'))
Object.defineProperty(obj, 'name', {
    value: 'awyaw',
    writable: false,
    enumerable: false
})
console.log("修改之后", Object.getOwnPropertyDescriptor(obj, 'name'))
obj.name = 'mmmm'//报错
console.log("name", obj.name)

3.getter setter

let obj = { name: 'lihua3', age: 14, school: "nnnnn", id: 123 }
Object.defineProperty(obj, 'a', {
    get () {//读取a属性时，得到的是该方法的返回值
        return 1
    },
    set (val) {//设置属性a时，会把值传入val，调用该方法
        console.log("set设置属性：", val)
    }
})
console.log("查看a属性：", Object.getOwnPropertyDescriptor(obj, 'a'))
obj.a = 'mmmm'
console.log("a：", obj.a)

 4.Object

let obj = { name: 'lihua3', age: 14, school: "nnnnn", id: 123 }
console.log(Object.keys(obj))//所有键合集
console.log(Object.values(obj))//所有值合集
console.log(Object.entries(obj))//静态方法返回一个数组，包含给定对象自有的可枚举字符串键属性的键值对。
console.log(Object.fromEntries([['name', 'mmmm'], ["age", 17]]))//将键值对列表转换为一个对象。

4.小练习

a.Object 属性一些用法

const obj = {
    a: 1,
    b: 2,
    c: 3
}
console.group('-----------')
//遍历对象所有属性名
Object.keys(obj).forEach(el => {
    console.log(el)
})
console.groupEnd()
console.group('-----------')
//遍历对象所有属性值
Object.values(obj).forEach(el => {
    console.log(el)
})
console.groupEnd()
console.group('-----------')
//遍历对象所有属性名和属性值
Object.entries(obj).forEach(function ([k, v]) {
    console.log(k, v)
})
console.groupEnd()
console.group('-----------')
const newObj = {
    ...obj
}
console.log(newObj)
console.log(newObj === obj)
console.groupEnd()
//复制obj除a外的所有属性到一个新对象中
delete newObj.a
const { a, ...newObj1 } = obj
console.log("第一种删除", newObj)
console.log("第二种删除", newObj1)

b.遍历对象 obj，将其每一个属性变为 getter 和 setter，

读取属性时，输出：正在读取xxx属性，值为xxx，

给属性赋值时，输出：正在设置xxx属性，新的值为xxx

let obj = { name: 'lihua3', age: 14, school: "nnnnn", id: 123, tel: '1211111' }
Object.entries(obj).forEach(function ([key, val]) {
    //对该属性重新定义描述符
    Object.defineProperty(obj, key, {
        get () {
            console.log(`正在读取${key}属性，属性值为${val}`)
            return val
        },
        set (value) {
            console.log(`正在设置${key}属性，新的值为${val}`)
            val = value
        }
    })
})

obj.age
obj.name = "mmmm"
obj.tel = '1234'

ES6--解构赋值默认值(原先的变量已经有值）-CSDN博客

5.解构赋值

解构允许指定默认值

const getData = ({ page = 1, limit = 10, key = '' } = {}) => {
    console.log('page', page, "limit", limit, "key", key)
}
getData({ page: 2 })
getData({ page: 40, limit: 30 })
getData({ limit: 30, key: 4 })