Heim >Web-Frontend >js-Tutorial >Vergleich von 6 Methoden der JavaScript-Array-Traversierung
In diesem Artikel werden 6 JS-Array-Traversal-Methoden verglichen: for, foreach, for in, for of every, ().each, und ihre Unterschiede vorgestellt. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein. 6 JS-Array-Traversal-Methoden
var arr = [1,2,3,4] for(var i = 0 ; i< arr.length ; i++){ console.log(arr[i]) } //1,2,3,42. Foreach
function* fibonacci() { // a generator function let [prev, curr] = [0, 1]; while (true) { [prev, curr] = [curr, prev + curr]; yield curr; } } for (let n of fibonacci()) { console.log(n); // truncate the sequence at 1000 if (n >= 1000) { break; } }
$.each(arr|obj, function(k, v))
可以用来遍历数组和对象,其中k表示索引值或者key值,v表示value值
var arr = ['a','b','c'] $.each(arr, function(key, val) { console.log(key, val); }) //0 a //1 b //2 c
$().each()在dom处理上面用的较多,主要是用来遍历DOMList。如果页面有多个input标签类型为checkbox,对于这时用$().each()来处理多个checkbox,例如:
$(“input[name=’checkbox’]”).each(function(i){ if($(this).attr(‘checked’)==true){ //操作代码 }
推荐在循环对象属性的时候使用for in,在遍历数组的时候的时候使用for of;
for in循环出的是key,for of循环出的是value;
for of是ES6新引入的特性。修复了ES5的for in的不足;
for of不能循环普通的对象,需要通过和Object.keys()搭配使用。
跳出循环的方式有如下几种:
return 函数执行被终止;
break 循环被终止;
continue 循环被跳过。
更多编程相关知识,请访问:编程视频!!
Das obige ist der detaillierte Inhalt vonVergleich von 6 Methoden der JavaScript-Array-Traversierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!