javascript循环数组的方法

javascript数组;记录一下!

一个数组:

01.<script>
02. var colors = {
03. "1" : {
04. "a" : "#000000",
05. "b" : "#fdf6ed",
06. "c" : "#634322",
07. "d" : "#c8ab8f",
08. "e" : "#fdf6ed"
09. },
10.
11. "2" : {
12. "a" : "#ba8247",
13. "b" : "#ffffff",
14. "c" : "#634320",
15. "d" : "#c8ffff",
16. "e" : "#ffffff"
17. }
18. };
19.</script>

显示方法:

01.function selvalue(v){
02. var arrays = colors[v];
03. for(description in arrays) {
04. document.getElementById(description+"color").value = arrays[description];
05. }
06.}

效果,运行如下代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>javascript test</title></head><body><form action="" method="get" ><select id="selheigh" name="selheigh" onchange="selvalue(this.value);">	<option > 选一下 </option>	<option value="1" > 001 </option>	<option value="2"> 002 </option></select><br />a:<input name="acolor" id="acolor" type="text"> <br />b:<input name="bcolor" id="bcolor" type="text"> <br />c:<input name="ccolor" id="ccolor" type="text"> <br />d:<input name="dcolor" id="dcolor" type="text"> <br />e:<input name="ecolor" id="ecolor" type="text"> <br /></form><script>    var colors = {      "1" : {      "a" : "#000000",      "b" : "#fdf6ed",      "c" : "#634322",      "d" : "#c8ab8f",      "e" : "#fdf6ed"      },

"2" : {      "a" : "#ba8247",      "b" : "#ffffff",      "c" : "#634320",      "d" : "#c8ffff",      "e" : "#ffffff"      }    };

function selvalue(v){	var arrays = colors[v];	for(description in arrays) {		document.getElementById(description+"color").value = arrays[description];	}}</script></body></html>

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript
, 数组
, description
, arrays
, colors
, getelementbyid
Arrays详解
javascript 循环数组、javascript 数组方法、javascript数组的方法、javascript 数组、javascript for循环,以便于您获取更多的相关知识。

时间: 2024-07-30 10:46:42

javascript循环数组的方法的相关文章

php实现向javascript传递数组的方法_php技巧

本文实例讲述了php实现向javascript传递数组的方法.分享给大家供大家参考.具体如下: 这里介绍的PHP进行数组传值给javascript的技巧,此方法适用php5.2以上,php5.2以上自带该类.低于5.2的,请下载json类.json是一种数据传输格式 php代码: $arr=array('1','2','3','4','5'): $str=json_encode($arr); echo "<input type='button' name='insert' value='I

javascript进行数组追加方法小结_javascript技巧

javascript中给数组加元素是一个非常简单的问题,javascript本身就提供了大量这类函数,我们可以使用js自带函数快速给数组增加元素了,本文就javascript进行数组追加的方法做出如下小结. 以前常用的是arr.concat(arr2)这种方法来追加数组,例子如下: 复制代码 代码如下: <script type="text/javascript">var arr = new Array(3);arr[0] = "测试数组1为 1";ar

php遍历循环数组实现方法

文章简单利用foreach for list each while来遍历数组,包括普通的一维数组与二维数组遍历方法,下面详细的介绍了每个函数的使用方法. */ $foreach = array(1,2,3); $array2 = array(array('aa'=>33,'bb'=>22,'www.111cn.net'=>11),array('dd'=>44,'ee'=>55,'ff'=>66)); //利用for foreach遍历一维数据 for( $i=0;$i&

javascript 伪数组实现方法_javascript技巧

这篇文章来回答javascript通用循环遍历方法forEach中最后提到的关于伪数组的问题. 什么是伪数组 能通过Array.prototype.slice转换为真正的数组的带有length属性的对象. 这种对象有很多,比较特别的是arguments对象,还有像调用getElementsByTagName,document.childNodes之类的,它们都返回NodeList对象都属于伪数组. 我们可以通过Array.prototype.slice.call(fakeArray)将伪数组转变

Javascript 为数组添加方法(求和,最大值)实例

   代码如下 复制代码 <script type="text/javascript"> //求和 Array.prototype.sum = function () {  for (var sum = i = 0; i < this.length; i++)sum += parseInt(this[i]);  return sum }; //求最大值 Array.prototype.maxima = function () {  for (var i = 0, ma

javascript中数组sort方法详解

在处理数组的时候,我们有时候需要对数组进行排序,排序的方法有很多种,但是最好最快的就是利用sort方法进行快速的排序. 我们来看一个例子:  代码如下 复制代码 var arr1 = [6, 3, 4, 1, 2, 5, 7, 3, 0, 9, 8, 10];//这里有一个数字数组 arr1.sort(function(a,b){ return a-b; }); 这种方法是升序的排法,反之, arr1.sort(function(a,b){ return b-a; }); 这样就是降序的排法.

javascript实现图像循环明暗变化的方法_javascript技巧

本文实例讲述了javascript实现图像循环明暗变化的方法.分享给大家供大家参考.具体如下: <SCRIPT language=JavaScript> var d=0 function JM_fade(ob){ if (d==0) {ob.filters.alpha.opacity+=1} else {ob.filters.alpha.opacity-=1} if (ob.filters.alpha.opacity==100){d=1;} else if (ob.filters.alpha.

Javascript remove 自定义数组删除方法_javascript技巧

复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Javascript自定义数组删除方法remove()</title> <script type="text/javascript"> Array.prototype.remove=function(dx){ if(isNaN(dx)||dx>this.lengt

JavaScript把数组作为堆栈使用的方法_javascript技巧

本文实例讲述了JavaScript把数组作为堆栈使用的方法.分享给大家供大家参考.具体如下: JavaScript把数组作为堆栈使用的代码范例,支持堆栈常用的push和pop方法 <script type="text/javascript"> var numbers = ["one", "two", "three", "four"]; numbers.push("five")