13、js - Object方法

EchoLiner

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

阅读量79

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript 前端前端框架

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

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>