在前端開(kāi)發(fā)中,使用jquery操作json數(shù)據(jù)格式是非常常見(jiàn)的操作。其中,由于需要將json格式的數(shù)據(jù)轉(zhuǎn)換成數(shù)組,而jquery提供了非常便捷的方法。下面我們來(lái)詳細(xì)了解一下jquery中json轉(zhuǎn)換數(shù)組的方法。
//以下為示例json數(shù)據(jù) var json = { "name": "張三", "age": 22, "gender": "男" }; //轉(zhuǎn)換方法一:使用each方法 var arr = []; $.each(json, function(key, value) { arr.push(value); }); console.log(arr); //轉(zhuǎn)換方法二:使用map方法 var arr2 = $.map(json, function(value, key) { return value; }); console.log(arr2); //轉(zhuǎn)換方法三:使用Object.values方法(僅支持ECMAScript 2017版本以上) var arr3 = Object.values(json); console.log(arr3);
通過(guò)以上代碼,我們可以看到j(luò)query中json轉(zhuǎn)換數(shù)組的方法是十分簡(jiǎn)單的。
首先,可以使用each方法將json對(duì)象轉(zhuǎn)換成數(shù)組。在each回調(diào)函數(shù)中,通過(guò)push方法將value值添加至數(shù)組中。
其次,可以使用jquery提供的map方法將json對(duì)象轉(zhuǎn)換成數(shù)組。須注意的是,map方法的回調(diào)函數(shù)返回值即為數(shù)組中的值。
最后,由于ES2017版本提供了Object.values方法,我們也可以通過(guò)該方法將json對(duì)象轉(zhuǎn)換為數(shù)組,非常方便。
總的來(lái)說(shuō),jquery提供的json轉(zhuǎn)換數(shù)組的方法使得我們能夠更加輕松快捷地操作json數(shù)據(jù),是我們前端開(kāi)發(fā)中需要掌握的基本技能之一。