在JavaScript編程中,我們經(jīng)常需要操作JSON數(shù)組,以獲取所需數(shù)據(jù)或者對(duì)數(shù)據(jù)進(jìn)行處理。而在ES6中,重組JSON數(shù)組的操作變得更加簡(jiǎn)單和高效。
//原始JSON數(shù)組 var arr = [ {id: 1, name: 'John'}, {id: 2, name: 'Jane'}, {id: 3, name: 'Bob'}, {id: 4, name: 'Tom'} ]; //將數(shù)組轉(zhuǎn)化為ID數(shù)組 var idArr = arr.map(item =>item.id); console.log(idArr); //[1, 2, 3, 4] //將數(shù)組轉(zhuǎn)化為ID和姓名對(duì)象數(shù)組 var newObjArr = arr.map(item =>({id: item.id, name: item.name})); console.log(newObjArr); /* [ {id: 1, name: 'John'}, {id: 2, name: 'Jane'}, {id: 3, name: 'Bob'}, {id: 4, name: 'Tom'} ] */ //將數(shù)組按ID升序排列 var sortArr = arr.sort((a, b) =>a.id - b.id); console.log(sortArr); /* [ {id: 1, name: 'John'}, {id: 2, name: 'Jane'}, {id: 3, name: 'Bob'}, {id: 4, name: 'Tom'} ] */ //根據(jù)姓名升序排列,并返回姓名數(shù)組 var nameArr = arr.map(item =>item.name).sort(); console.log(nameArr); //['Bob', 'Jane', 'John', 'Tom']
以上代碼中使用了ES6的箭頭函數(shù)、數(shù)組的map、sort方法等常見(jiàn)操作,有效地對(duì)JSON數(shù)組進(jìn)行了重組和排序。相比傳統(tǒng)的操作方式,ES6提供了更加簡(jiǎn)潔和高效的方法,讓JSON數(shù)組的操作變得更加輕松愉快。