js如何动态添加数组?

JavaScript09

js如何动态添加数组?,第1张

js动态添加数组可以按下面的步骤:

1、在数组的开头添加新元素 - unshift()

源代码:

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to add elements to the array.</p>

<button onclick="myFunction()">Try it</button>

<script>

function myFunction()

{

var fruits = ["Banana", "Orange", "Apple", "Mango"]

fruits.unshift("Lemon","Pineapple")

var x=document.getElementById("demo")

x.innerHTML=fruits

}

</script>

<p><b>Note:</b>The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will be <em>undefined</em>.</p>

</body>

</html>

测试结果:

Lemon,Pineapple,Banana,Orange,Apple,Mango

2、在数组的第2位置添加一个元素 - splice()

源代码:

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to add elements to the array.</p>

<button onclick="myFunction()">Try it</button>

<script>

function myFunction()

{

var fruits = ["Banana", "Orange", "Apple", "Mango"]

fruits.splice(2,0,"Lemon","Kiwi")

var x=document.getElementById("demo")

x.innerHTML=fruits

}

</script>

</body>

</html> 

测试结果:

Banana,Orange,Lemon,Kiwi,Apple,Mango

3、数组的末尾添加新的元素 - push()

源代码:

<!DOCTYPE html>

<html>

<body>

<p id="demo">Click the button to add a new element to the array.</p>

<button onclick="myFunction()">Try it</button>

<script>

var fruits = ["Banana", "Orange", "Apple", "Mango"]

function myFunction()

{

fruits.push("Kiwi")

var x=document.getElementById("demo")

x.innerHTML=fruits

}

</script>

</body>

</html>

测试结果:

Banana,Orange,Apple,Mango,Kiwi

不可以直接使用。

不能使用变量作为变量名,据我了解没有哪一种语言可以这么干。

你可以使用二维数组来赋值

var array=new Array()

for(var i=0i<3i++){

array[i]=[]

}

或者还有另一种方案用eval,它会把字符串当做表达式执行

eval("var test" + i + "=" + i)

看你的list的数据结构,就相当于是一个存放了n个map的list,你这里的业务需求就是要遍历出来所有的map。那你就要在后台把这个list传到页面去,setAttribute("positions",positions)

那你就在页面用forEach标签展示就可以了。

<c:forEach items="${positions}" var="car">

纬度:${car.latitude}<span/>

经度:${car.longitude}<span/>

<c:forEach/>

至于这个forEach放在什么地方,就按照你们业务的需求来了!

麻雀虽小,但也是肉啊!我收了!