使用JavaScript数组上的经验之谈

夜独醉0502

夜独醉0502

2016-02-20 00:49

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐使用JavaScript数组上的经验之谈,希望大家看完后也有个好心情,快快行动吧!

本文是Rick Strahl在使用JavaScript数组上的经验之谈,在一些细微的地方介绍了JavaScript在处理数组上,相对于其他开发语言的不同之处,有些可能是我们自己想当然的事情,但实际上不是那么回事,呵呵。具体涉及到JavaScript数组初始化、length、扩展属性等。

Javascript Array Fun
Rick Strahl
http://cuimingda.com/2009/01/javascript-array-fun.html
明达

以下是对原文的翻译

Josh在我之前的一篇帖子中留下了一条评论,指出在CSS property watcher component中存在一些小错误,这是一个jQuery插件,将CSS属性保存在数组中,并且跟踪这些值的变化,当发现CSS属性值发生变化时,会抛出一个事件,用户可以在事件中做出相应的处理。

我的错误出在如何定义数组上:

var data = {
  props: props.split(","),
  func: func,
  vals: [props.split(",").length],
  itvlId: itId
};

这段代码是要建立一个特定长度的数组,但显然结果和我预想的不大一样。实际上这个数组只包含一个元素,就是length的值,而要实现初始化数组的目标,正确的做法应该是下面这个样子:

vals: new Array(props.split(",").length)

可为什么我以前定义的方法错了,那个插件却能正常运行呢?因为JavaScript可以根据赋值动态的建立数组,而不需要预先进行初始化,所以就算定义方法错了,也能正常运行。

$.each(data.props, function(i) { data.vals[i] = el.css(data.props[i]); });

这段代码遍历了props数组,并且通过对vals数组对应索引赋值,动态的建立了一个新数组。

JavaScript的数组可以根据所赋的值自动调整大小,比如下面这个例子:

var ar = []
ar[2] = 1;
debugger;

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

下面的结果是Firebug调试界面的截图,可以看到数组中有三个元素。


点击放大

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

这个数组的长度是3,就像一个经过初始化的数组一样。所有没有赋值的数组对象,都将被定义为undefined。

JavaScript可以自动重新调整数组的大小,这真是太棒了,但也许预先设置一个固定的大小,可以避免数组内部频繁的调整大小。对已有的元素进行赋值,肯定要比每次赋值前重新调整大小要快的多。

这种自动调整大小的机制,更容易出现越界数组(out of bounds array),而且更难发现。所以要加倍注意类似的情况。

展开更多 50%)
分享

猜你喜欢

使用JavaScript数组上的经验之谈

Web开发
使用JavaScript数组上的经验之谈

美白经验之谈

美白
美白经验之谈

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

摄影技巧经验之谈

摄影技巧
摄影技巧经验之谈

VB编程经验之谈----打印篇

编程语言 网络编程
VB编程经验之谈----打印篇

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

妈妈经验之谈:宝宝咋过冬

新生儿护理 新生儿 新生儿呵护
妈妈经验之谈:宝宝咋过冬

妈妈经验谈:带宝宝坐飞机经验之谈

育儿知识
妈妈经验谈:带宝宝坐飞机经验之谈

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

JS教程:线小测试程序

JS教程:线小测试程序

JavaScript如何重构嵌套循环和递归

JavaScript如何重构嵌套循环和递归
下拉加载更多内容 ↓