循环JavaScript的说明

Ryn*_*ner 3 javascript loops for-in-loop

我在理解此for in循环工作方式时遇到麻烦。

function createSimpleNode(name, options, text) {
         var node = document.createElement(name); 

        for (var o in options) { 
                 node.setAttribute(o, options[o]);
        }

        if (text) { 
                node.innerHTML = text;
        }

        return node; 
}
Run Code Online (Sandbox Code Playgroud)

Mri*_*jay 5

对于环上的物体或阵列的每个值和密钥给出的方式进行迭代。

它可以应用于objectArray

对于对象

对于一个对象,它将key 对象中的每个对象作为ITER variable.使用该变量的对象,您可以从对象中获取相应的值。

var options = {a:1,b:2};

for (var key in options) { 
    console.log(o,options[key]);
}
Run Code Online (Sandbox Code Playgroud)

将遍历options对象并打印每个对象及其key值。

a 1 //first key is a and options["a"] is 1
b 2 //first key is a and options["b"] is 2    
Run Code Online (Sandbox Code Playgroud)

对于阵列

对于数组,它将index数组中的每个ITER variable.元素作为使用该变量,您可以从数组中获取相应的元素。

var options = ["a","b"];

for (var index in options) { 
    console.log(index,options[index]);
}
Run Code Online (Sandbox Code Playgroud)

将遍历options数组并index在给定索引上打印每个和元素。输出将是:-

0 a //first index is a and options[0] is a
1 b //second index is a and options[1] is b    
Run Code Online (Sandbox Code Playgroud)