js 往对象集合加元素

有时候项目需要往json加入一些参数。

1.如果是数组Array就可以直接用a.push(xxx) 的方式加入

2.如果是一个集合，就是对象的话[{ aa：11，bb：22},{ aa：11，bb：22}]，那么可以用遍历（点xx）的方式添加

这样出来结果就是

import java.util.ArrayList

import java.util.List

class Animal{

private String name

private int age

public String getName() {

return name

}

public void setName(String name) {

this.name = name

}

public int getAge() {

return age

}

public void setAge(int age) {

this.age = age

}

//重载toString方法

@Override

public String toString(){

return name+":"+age

}

}

public class ListAnimal {

/**

 * @param args

 */

public static void main(String[] args) {

// TODO Auto-generated method stub

List<Animal> list = new ArrayList<Animal>()

Animal cat = new Animal()

cat.setName("cat")

cat.setAge(1)

list.add(cat)

Animal dog = new Animal()

dog.setName("dog")

dog.setAge(2)

list.add(dog)

for(Animal a:list){//forEach遍历

System.out.println(a)

}

}

}

对于Animal类中可以自己在添加一些属性和方法，大体的流程就是这样，你可以自己再修改一下

1.首先创建html结构，如下图所示，一个input元素，一个按钮，一个空的ul列表。

2.然后添加按钮点击事件，如下图所示，在按钮点击事件中获得input元素。

3.通过value属性我们可以获得用户在input中输入的内容，如下图所示。

4.下面我们来动态创建一个li元素，如下图所示，运用document中的createElement方法即可。

5.创建好li元素以后，下面要做的就是给其设置innerHTML内容，如下图所示。

6.接下来就是获取ul元素了，如下图所示，仍然用getElementById方法。

7.最后通过调用appendChild方法将创建的li元素添加到ul列表中，如下图所示。

---