13、js - Object方法

EchoLiner

于 2023-05-26 16:50:06 发布

阅读量64

点赞数

文章标签： javascript 开发语言 ecmascript 前端前端框架 Powered by 金山文档

本文链接：https://blog.csdn.net/EchoLiner/article/details/130890235

版权

文章介绍了JavaScript中Object的三个重要方法：keys用于获取对象属性名的数组，values用于获取属性值的数组，assign则用于对象的浅拷贝。示例代码展示了这些方法的使用和效果，如assign在修改拷贝对象时不会影响原对象。

摘要由CSDN通过智能技术生成

<script>

    // Object的方法
    //  1、Object.keys()  得到由属性名组成的数组
    let obj = {
        name: 'vite',
        age: 18
    }
    const arr1 = Object.keys(obj);
    console.log(arr1); // ["name", "age"]

    // 2、Object.values()  得到由属性值组成的数组
    const arr2 = Object.values(obj);
    console.log(arr2); // ['vite', 18]

    // 3、Object.assign()  浅拷贝
    // 第一个参数：目标对象
    // 第二个参数：源对象
    // 返回值：目标对象
    const result = Object.assign({}, obj);
    console.log(result); // {name: 'vite', age: 18}
    result.name = "pinia";
    console.log(result); // {name: 'pinia', age: 18}
    console.log(obj); // {name: 'vite', age: 18}

</script>