Object.keys

最新推荐文章于 2024-09-25 14:00:00 发布

-加油

最新推荐文章于 2024-09-25 14:00:00 发布

阅读量83

点赞数

分类专栏：前端 js 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_51040174/article/details/125321407

版权

前端同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

14 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中对象、数组和字符串的关键操作，如通过`Object.keys()`获取键，以及如何遍历对象和数组。同时，展示了构造函数的使用，创建实例并访问其属性。这些基础知识对于理解和操作JavaScript数据至关重要。

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

1、对象

let data = {
    a:'aaa',
    b:'bbb',
    c:'ccc',
    d:'ddd'
}
console.log(data);//{ a: 'aaa', b: 'bbb', c: 'ccc', d: 'ddd' }
//以数组的方式 获取对象的key 
console.log(Object.keys(data));//[ 'a', 'b', 'c', 'd' ]
//数组可用  数组方法进行遍历
Object.keys(data).forEach(key=>{
    console.log(data[key]);
    //aaa
    //bbb
    //ccc
    //ddd
})

2、数组

let arr = ['a','b','c','d','e']
//以数组方式 获取索引：下标位置
console.log(Object.keys(arr));//[ '0', '1', '2', '3', '4' ]

3、字符串

let str = 'abcde'
//以数组方式 获取索引：下标位置
console.log(Object.keys(str));//[ '0', '1', '2', '3', '4' ]

4、构造函数与实例

function Fn(name,age,sex){
    this.name = name
    this.age = age
    this.sex = sex
    this.say = function(){
        console.log('hello');
    }
}
let s = new Fn('zs','18','男')
console.log(Object.keys(Fn));//[]
console.log(Object.keys(s));//[ 'name', 'age', 'sex', 'say' ]