用字面量对象来做列表

字面量对象是一种数据的传输格式,我们得到一组用数组包含的字面量对象,要怎么运用到动态创建中来呢?比如给我一个字面量对象:做一个显示在线人数的程序,像现在的游戏啊,聊天软件啊,都可以显示在线人数的。

它的主题部分为:

这么多用户,我们一般会用列表形式,如果写静态页面的话,那我们就接着在类名为module重再写,但这种显示人数都是随时变得,一般都会从数据库中随时拿取数据的,所以要写成动态的,其实动态步骤跟静态有相似的,我们先创建ul标签,再创建一个个li,之前我们一般都用document.createElement()这种来创建动态元素,但这儿用这种就显得麻烦了。我们应该用inner.HTML这种比较方便。下面是我自己写的程序:

 

大概步骤分为这几部:

1:先创建ul标签。

2:我建了个空数组,这里有些人觉得没必要建数组,直接字符串拼接好了,但是字符存有个特点是不可变性,所以直接拿字符存来做效率很低,最好先放在数组中,最后再转成字符串。

3:循环这个放字面量对象的数组,把每个字面量对象放在一个li标签然后再赋值给一个变量,这里面注意的是格式上面那种格式比较方便,因为标签里有双引号了,所有标签外面用了单引号,一个单引号里一个标签,输完第一个直接回车,它自己会在下一行生成单引号和加号,你只要把标签复制进去就可以了,一直循环下去,然后把每个被赋值li标签的变量添加到空数组中。

4:最后把数组装成字符串再赋值给ul就可以了

原文地址:https://www.cnblogs.com/cykblogs/p/5763071.html