1. IT分享知识网首页

Js获取 数组或对象 的长度

老牧童 • • 未分类 • 阅读 110

Js获取 数组或对象 的长度Javascript计算Object的长度 获取数组长度比较简单Vararr=[“as”,”da”];arr.length不用加(); 在我们日常开发中，对象的使用频率很高，我们计算数组的长度是非常方便的，但是如何计算对象的长度呢？假如我们有一个图书馆的项目，项目中有一组图书和作者，像下面这样：1varbookA

大家好，欢迎来到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

赞 (0)
老牧童老牧童
0

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信