ホームページ > 記事 > ウェブフロントエンド > JavaScriptトラバーサルメソッドの紹介(コード例)
この記事では、JavaScript のトラバーサル メソッド (コード例) を紹介します。必要な方は参考にしていただければ幸いです。
オブジェクトオブジェクトを配列に変換すると便利なので、トラバース方法を思いついたので、それも記録したいと思います
1。ループから抜け出す
break ループ本体から飛び出す、ループ本体が終了する
return 関数の実行を終了する
for (let i = 0; i < 5; i++) { if (i == 3) break; console.log("The number is " + i); /* 只输出 0 , 1 , 2 , 到3就跳出循环了 */ } for (let i = 0; i <= 5; i++) { if (i == 3) continue; console.log("The number is " + i); /* 不输出3,因为continue跳过了,直接进入下一次循环 */ }#2. トラバーサル方法
偽のデータ
const temporaryArray = [6,2,3,4,5,1,1,2,3,4,5]; const objectArray = [ { id: 1, name: 'd' }, { id: 2, name: 'd' }, { id: 3, name: 'c' }, { id: 1, name: 'a' } ]; const temporaryObject = { a: 1, b: 2, c: 3, d: 4, }; const length = temporaryArray.length;
for(let i = 0; i < length; i++) { console.log(temporaryArray[i]); }
/* for in 循环主要用于遍历普通对象, * 当用它来遍历数组时候,也能达到同样的效果, * 但是这是有风险的,因为 i 输出为字符串形式,而不是数组需要的数字下标, * 这意味着在某些情况下,会发生字符串运算,导致数据错误 * */ for(let i in temporaryObject) { /* hasOwnProperty只加载自身属性 */ if(temporaryObject.hasOwnProperty(i)) { console.log(temporaryObject[i]); } }
for(let i of temporaryArray) { console.log(i); }
let a = temporaryArray.forEach(function(item, index) { console.log(index, item); });
temporaryArray.map(function(item) { console.log(item); });
temporaryArray.filter(function(item) { console.log(item%2 == 0); });
let newArray = temporaryArray.some(function(item) { return item > 1; }); console.log(newArray);
let newArray1 = temporaryArray.every(function(item) { return item > 6; }); console.log(newArray1);#reduce(function(total, currentValue, currentIndex, array) {}, [])
パラメーターが指定されていない場合 - 空の配列 [ ] の場合、累積変数 total のデフォルトは最初の要素の値になります。
パラメータに空の配列を指定すると、累積変数 total の初期値は空の配列になりますlet temporaryObject3 = {}; let newArray2 = objectArray.reduce(function(countArray, currentValue) { /* 利用temporaryObject3里存放id来判断原数组里的对象是否相同,若id相同,则继续下一步,不同则将该对象放入新数组中 * 则countArray为去重后的数组 * */ temporaryObject3[currentValue.id] ? '' : temporaryObject3[currentValue.id] = true && countArray.push(currentValue); return countArray; }, []); console.log(newArray2);
以上がJavaScriptトラバーサルメソッドの紹介(コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。