ArrayList在js里面怎么添加数据

JavaScript026

ArrayList在js里面怎么添加数据,第1张

1.ArrayList方法摘要构造方法摘要ArrayList() 构造一个初始容量为 10 的空列表。 ArrayList(Collection<? extends E>c) 构造一个包含指定 collection 的元素的列表,这些元素是按照该 collection 的迭代器返回它们的顺序排列的。 ArrayList(int initialCapacity) 构造一个具有指定初始容量的空列表。方法摘要 boolean add(E e) 将指定的元素添加到此列表的尾部。 void add(int index, E element) 将指定的元素插入此列表中的指定位置。 boolean addAll(Collection<? extends E>c) 按照指定 collection 的迭代器所返回的元素顺序,将该 collection 中的所有元素添加到此列表的尾部。 boolean addAll(int index, Collection<? extends E>c) 从指定的位置开始,将指定 collection 中的所有元素插入到此列表中。 void clear() 移除此列表中的所有元素。 Object clone() 返回此 ArrayList 实例的浅表副本。 boolean contains(Object o) 如果此列表中包含指定的元素,则返回 true。 void ensureCapacity(int minCapacity) 如有必要,增加此 ArrayList 实例的容量,以确保它至少能够容纳最小容量参数所指定的元素数。 E get(int index) 返回此列表中指定位置上的元素。 int indexOf(Object o) 返回此列表中首次出现的指定元素的索引,或如果此列表不包含元素,则返回 -1。 boolean isEmpty() 如果此列表中没有元素,则返回 trueint lastIndexOf(Object o) 返回此列表中最后一次出现的指定元素的索引,或如果此列表不包含索引,则返回 -1。 E remove(int index) 移除此列表中指定位置上的元素。 boolean remove(Object o) 移除此列表中首次出现的指定元素(如果存在)。 protected void removeRange(int fromIndex, int toIndex) 移除列表中索引在 fromIndex(包括)和 toIndex(不包括)之间的所有元素。 E set(int index, E element) 用指定的元素替代此列表中指定位置上的元素。 int size() 返回此列表中的元素数。 Object[] toArray() 按适当顺序(从第一个到最后一个元素)返回包含此列表中所有元素的数组。 <T>T[] toArray(T[] a) 按适当顺序(从第一个到最后一个元素)返回包含此列表中所有元素的数组;返回数组的运行时类型是指定数组的运行时类型。 void trimToSize() 将此 ArrayList 实例的容量调整为列表的当前大小。2.js实现部分功能复制代码 代码如下:<html><script type="text/javascript" src="json.js"></script><head><script type="text/javascript">function ArrayList(){this.arr=[],this.size=function(){return this.arr.length},this.add=function(){if(arguments.length==1){this.arr.push(arguments[0])}else if(arguments.length>=2){var deleteItem=this.arr[arguments[0]]this.arr.splice(arguments[0],1,arguments[1],deleteItem)}return this},this.get=function(index){return this.arr[index]},this.removeIndex=function(index){this.arr.splice(index,1)},this.removeObj=function(obj){this.removeIndexwww.bjldfw.comindexOf(obj))},this.indexOf=function(obj){for(var i=0i<this.arr.lengthi++){if www.bjldfw.comarr[i]===obj) {return i}}return -1},this.isEmpty=function(){return this.arr.length==0},this.clear=function(){this.arr=[]},this.contains=function(obj){return this.indexOf(obj)!=-1}}//新建一个Listvar list=new ArrayList()//增加一个元素 list.add("0").add("1").add("2").add("3")//增加指定位置 list.add(2,"22222222222")//删除指定元素 list.removeObj("3")//删除指定位置元素 list.removeIndex(0)for(var i=0i<list.size()i++){document.writeln(list.get(i))}document.writeln(list.contains("2"))</script></head><body></body></html>

Struts2的select标签,如果你是正确的取值的话,那最终生成的页面也就是如下:

<select id="">

    <option></option>

    <option></option>

</select> // 如果你能在生成 select 上添加一个 id,那么js取数据就如下

<script type="text/javascript">

    // 假设你的id是sel,那么下面的options就是你的所有数据对象

    var options = document.getElementById("sel").options

    // 然后你要获取第一条数据的value值,你就使用

    alert(options[0].value)

    // 你要获取第一条数据的text,你就使用

    alert(options[0].innerHTML)

    // 如果要获取第N条,就用 options[N-1]

    // 要循环,也可以使用

    for (var i=0i<options.lengthi++){

        var val = options[i].value

    }

</script>

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

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

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

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

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

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

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