js中如何取出数组中的值

在js中 , 可以使用for循环语句遍历数组 , 把数组中的每个值取出来 。 下面小编举例讲解js中如何取出数组中的值 。

js中如何取出数组中的值

文章插图

需要这些哦
html+js
代码编纂器:Dreamweaver CS5
方式/
1新建一个html文件 , 定名为test.html , 用于讲解js中若何掏出数组中的值 。
js中如何取出数组中的值

文章插图

2在test.html文件内 , 利用div标签建立一个模块 , 并设置其id为outinput , 本家儿要用于下面经由过程该id获得div对象 。
js中如何取出数组中的值

文章插图

3在js标签内 , 界说一个数组arr , 数组内界说三个元素 , 别离为“测试一” , “测试二” , “测试三” 。
js中如何取出数组中的值

文章插图

4在js标签内 , 经由过程length属性获得数组arr的长度 , 即元素的个数 , 本家儿要用于for语句中限制轮回的次数 。
js中如何取出数组中的值

文章插图

5在js标签内 , 界说一个变量html , 利用for轮回遍历arr数组 , 每次读取数组元素 , 将元素值与p标签组合 , 用于实此刻页面出来 。
js中如何取出数组中的值

文章插图

6在js标签内 , 利用getElementById方式经由过程id(outinput)获得div对象 , 经由过程innerHMTL属性将html变量输出在页面div标签中 , 从而实现掏出数组值并显示出来 。
js中如何取出数组中的值

文章插图

7【js中如何取出数组中的值】在浏览器打开test.html文件 , 查看实现的结果 。
js中如何取出数组中的值

文章插图

总结:11、建立一个test.html文件 。
2、在文件内 , 利用div标签建立一个模块 。
3、在js标签内 , 界说一个数组arr , 经由过程length属性获得数组arr的长度 , 利用for轮回遍历arr数组 , 每次读取数组元素 , 将元素值与p标签组合 , 最后经由过程获得div对象 , 利用innerHMTL属性将数组元素输出在页面的div标签中 。

注重事项for轮回语句不单可以遍历数组 , 也能遍历对象 。

以上内容就是js中如何取出数组中的值的内容啦 , 希望对你有所帮助哦!

    推荐阅读