javascript - 创建多个数组的更好方法？

Question

我什至不确定这是否是不好的做法并且需要改变，但想确定一下。它似乎根本不影响性能。

我有一个有很多选项的插件。用户可以按以下格式输入选项:

speed: "in,out > in,out > in,out"

每组“in,out”设置适用于正在动画的 HTML 元素 - 由“>”分隔。以上是设置 3 个不同对象的动画开/关速度。现在，一切都可以在所有浏览器上完美运行，但我必须创建大量数组来处理所有设置。基本上有一个数组保存所有的 speed_in 设置(object1、object2、object3)、speed_out、effect_in 等...

基本上，我有一段代码，只不过是为这些集合创建数组，如下所示:

var speed_in_set = [], speed_out_set = [], effect_in_set = [], effect_out_set = [] ....

数组名称基于原始默认设置名称:

speed: ... effect: ...

为了提高效率，我最好的猜测是迭代默认键名称并附加 _on_set 和 _off_set 为每个键创建一个新数组，但不知道如何做到这一点，如果我什至需要担心有数组太多。谢谢!

Answer 1

JSON对于复杂的数组结构，特别是对于值/名称对来说，这是一种出色的技术。使用广泛且速度快。

编辑:示例。

您可以通过添加更多元素来添加更多属性，而不是创建新数组。在此站点上对 JSON 进行一些搜索，您会找到一些有趣的示例。我有一个名为“data”的数据集，但您可以添加其他数据集用于其他目的，全部都在 JSON 对象中。这真的就像拥有一个小型数据库。

<script type='text/javascript'>
var myData = {"data":[
     {'speed_in_set':10,'speed_out_set':5,'effect_in_set':15,'effect_out_set':200.1},
     {'speed_in_set':15,'speed_out_set':5,'effect_in_set':15,'effect_out_set':200.1, 'color':'red'}
     ]
}    

alert(myData.data[0].speed_in_set)
alert(myData.data[1].speed_in_set) 
alert(myData.data[1].color)   
</script>