ES6是ECMAScript2015標準的一部分,增加了許多新的語法和特性。其中,循環JSON數組的語法有所改變。
在ES5中,我們使用for循環和遍歷對象的方式來循環JSON數組。但在ES6中,我們可以使用for…of循環來遍歷JSON數組,更加簡單方便。
// ES5循環JSON數組 var arr = [{name:'Tom', age:18}, {name:'Jerry', age:20}]; for(var i = 0, len = arr.length; i< len; i++){ console.log(arr[i]); } // ES6循環JSON數組 let arr2 = [{name:'Tom', age:18}, {name:'Jerry', age:20}]; for(let item of arr2){ console.log(item); }
從上面的例子可以看出,使用for…of循環可以更加直觀地遍歷JSON數組。而且,ES6中還新增了forEach()方法,可以實現類似于for…of循環的功能。
// ES5使用forEach循環JSON數組 var arr = [{name:'Tom', age:18}, {name:'Jerry', age:20}]; arr.forEach(function(item){ console.log(item); }); // ES6使用forEach循環JSON數組 let arr2 = [{name:'Tom', age:18}, {name:'Jerry', age:20}]; arr2.forEach(item =>console.log(item));
無論是使用for…of循環還是forEach()方法,ES6都為我們提供了更加方便的方式來循環JSON數組。