大家好，欢迎来到IT知识分享网。 Js获取数组或对象的长度

Javascript 计算Object的长度

获取数组长度比较简单

Var arr=[“as”,”da”];

arr.length不用加();

在我们日常开发中，对象的使用频率很高，我们计算数组的长度是非常方便的，但是如何计算对象的长度呢？
假如我们有一个图书馆的项目，项目中有一组图书和作者，像下面这样：

1
var  bookAuthors = {

2
    "Farmer Giles of Ham":"J.R.R. Tolkien",

3
    "Out of the Silent Planet":"C.S. Lewis",

4
    "The Place of the Lion":"Charles Williams",

5
    "Poetic Diction":"Owen Barfield"

6
};

我们分析现在的需求，我们给一个API发送数据，但是书的长度不能超过100，因此我们需要在发送数据之前计算在一个对象中总共有多少本书。那么我们总怎么做呢？我们可能会这样做：

01
function  countProperties (obj) {

02
    varcount = 0;

03
 
04
    for(var property in  obj) {

05
        if(Object.prototype.hasOwnProperty.call(obj, property)) {

06
            count++;

07
        }

08
    }

09
 
10
    returncount;

11
}

12
 
13
var  bookCount = countProperties(bookAuthors);

14
 
15
// Outputs: 4

16
console.log(bookCount);

这是可以实现的，幸运的是Javascript提供了一个更改的方法来计算对象的长度：

01
var  bookAuthors = {

02
    "Farmer Giles of Ham":"J.R.R. Tolkien",

03
    "Out of the Silent Planet":"C.S. Lewis",

04
    "The Place of the Lion":"Charles Williams",

05
    "Poetic Diction":"Owen Barfield"

06
};

07
 
08
var  arr = Object.keys(bookAuthors);

09
 
10
//Outputs: Array [ "Farmer Giles of Ham", "Out of the Silent Planet", "The Place of the Lion", "Poetic Diction" ]

11
console.log(arr);

12
 
13
//Outputs: 4

14
console.log(arr.length);

下面我们来对数组使用keys方法：

1
var  arr = ["zuojj","benjamin", "www.zuojj.com"];

2
 
3
//Outputs: ["0", "1", "2"]  

4
console.log(Object.keys(arr));

5
 
6
//Outputs: 3

7
console.log(arr.length);

Object.keys() 方法会返回一个由给定对象的所有可枚举自身属性的属性名组成的数组，数组中属性名的排列顺序和使用for-in循环遍历该对象时返回的顺序一致（两者的主要区别是 for-in 还会遍历出一个对象从其原型链上继承到的可枚举属性）。方法的兼容性及详情请戳这里。

Object.keys()方法，只能使用在现代浏览器，IE8及以下是不支持的，如果想支持IE低版本，可以使用es5-shim来兼容。其中代码如下：

`01`	`// ES5 15.2.3.14`

`02`	`// http://es5.github.com/#x15.2.3.14`

03

`04`	`// http://whattheheadsaid.com/2010/10/a-safer-object-keys-compatibility-implementation`

`05`	`var` `hasDontEnumBug = !({'toString':null}).propertyIsEnumerable('toString'),`

`06`	`hasProtoEnumBug = (function() {}).propertyIsEnumerable('prototype'),`

`07`	`dontEnums = [`

`08`	`"toString",`

`09`	`"toLocaleString",`

`10`	`"valueOf",`

`11`	`"hasOwnProperty",`

`12`	`"isPrototypeOf",`

`13`	`"propertyIsEnumerable",`

`14`	`"constructor"`

15 ],

`16`	`dontEnumsLength = dontEnums.length;`

17

`18`	`defineProperties(Object, {`

`19`	`keys:function` `keys(object) {`

`20`	`varisFn = isFunction(object),`

`21`	`isArgs = isArguments(object),`

`22`	`isObject = object !==null` `&&` `typeof` `object ===` `'object',`

`23`	`isStr = isObject && isString(object);`

24

`25`	`if(!isObject && !isFn && !isArgs) {`

`26`	`thrownew` `TypeError("Object.keys called on a non-object");`

27 }

28

`29`	`vartheKeys = [];`

`30`	`varskipProto = hasProtoEnumBug && isFn;`

`31`	`if(isStr \|\| isArgs) {`

`32`	`for(var` `i = 0; i < object.length; ++i) {`

`33`	`theKeys.push(String(i));`

34 }

`35`	`}else` `{`

`36`	`for(var` `name` `in` `object) {`

`37`	`if(!(skipProto && name ===` `'prototype') && owns(object, name)) {`

`38`	`theKeys.push(String(name));`

39 }

40 }

41 }

42

`43`	`if(hasDontEnumBug) {`

`44`	`varctor = object.constructor,`

`45`	`skipConstructor = ctor && ctor.prototype === object;`

`46`	`for(var` `j = 0; j < dontEnumsLength; j++) {`

`47`	`vardontEnum = dontEnums[j];`

`48`	`if(!(skipConstructor && dontEnum ===` `'constructor') && owns(object, dontEnum)) {`

`49`	`theKeys.push(dontEnum);`

50 }

51 }

52 }

`53`	`returntheKeys;`

54 }

55 });

56

`57`	`var` `keysWorksWithArguments = Object.keys && (function() {`

`58`	`// Safari 5.0 bug`

`59`	`returnObject.keys(arguments).length === 2;`

`60`	`}(1, 2));`

`61`	`var` `originalKeys = Object.keys;`

`62`	`defineProperties(Object, {`

`63`	`keys:function` `keys(object) {`

`64`	`if(isArguments(object)) {`

`65`	`returnoriginalKeys(ArrayPrototype.slice.call(object));`

`66`	`}else` `{`

`67`	`returnoriginalKeys(object);`

68 }

69 }

`70`	`}, !keysWorksWithArguments);`

免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/11603.html

Js获取 数组或对象 的长度

Javascript 计算Object的长度

相关推荐

发表回复

Js获取数组或对象的长度