jquery 怎么定义数组,再怎么把值一个个添加到数组中,再怎么取出其中值

jquery 怎么定义数组,再怎么把值一个个添加到数组中,再怎么取出其中值,第1张

创建数组使用 new Array()方法。

创建数组并赋值,简便写法如下:

var temp = ['java', 'php', 'c++', 'c#', 'perl', 'vb', 'html', 'css']

1、创建一个变量名为temp的数组;

2、为数组赋值,数组下标是从0开始,所以从0依次存储;

3、从数组中取出值,通过for循环,依次取出。

4.代码如下:

var temp = new Array()

temp[0] = "hello"

temp[1] = "my"

temp[1] = "friend"

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

alert(temp[i])

}

1、push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

2、add()  方法用于向 <select> 添加一个 <option> 元素。

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11868556.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存