Object.keys方法之详解
生活随笔
收集整理的這篇文章主要介紹了
Object.keys方法之详解
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
記一道JavaScript面試題
問題: 如果我們使用JavaScript的”關聯數組”,我們怎么計算”關聯數組”的長度?
var counterArray = {A : 3,B : 4 }; counterArray["C"] = 1;
其實答案很簡單,直接計算key的數量就可以了。
Object.keys(counterArray).length // Output 3
在實際開發中,我們有時需要知道對象的所有屬性,原生js給我們提供了一個很好的方法:Object.keys(),該方法返回一個數組
- 傳入對象,返回屬性名
var obj = {'a':'123','b':'345'}; console.log(Object.keys(obj)); //['a','b']var obj1 = { 100: "a", 2: "b", 7: "c"}; console.log(Object.keys(obj1)); // console: ["2", "7", "100"]var obj2 = Object.create({}, { getFoo : { value : function () { return this.foo } } }); obj2.foo = 1; console.log(Object.keys(obj2)); // console: ["foo"]
- 傳入字符串,返回索引
var str = 'ab1234'; console.log(Object.keys(obj)); //[0,1,2,3,4,5]
- 構造函數 返回空數組或者屬性名
function Pasta(name, age, gender) {this.name = name;this.age = age;this.gender = gender;this.toString = function () {return (this.name + ", " + this.age + ", " + this.gender);}}console.log(Object.keys(Pasta)); //console: []var spaghetti = new Pasta("Tom", 20, "male");console.log(Object.keys(spaghetti)); //console: ["name", "age", "gender", "toString"]
- 數組 返回索引
var arr = ["a", "b", "c"];console.log(Object.keys(arr)); // console: ["0", "1", "2"]
?
轉載于:https://www.cnblogs.com/7qin/p/9726696.html
總結
以上是生活随笔為你收集整理的Object.keys方法之详解的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: (漫画,电影)《刀锋战士》的内容是?
- 下一篇: 车上保险多少钱啊?