在JavaScript中,我們經(jīng)常需要對(duì)JSON數(shù)組進(jìn)行操作。而$.each()方法就是jQuery提供的一個(gè)方便實(shí)用的方法,用于遍歷JSON對(duì)象和數(shù)組,簡(jiǎn)單易用,并且代碼量也極少。
$.each()方法接受兩個(gè)參數(shù),第一個(gè)參數(shù)是要進(jìn)行遍歷的JSON對(duì)象或數(shù)組,第二個(gè)參數(shù)是一個(gè)回調(diào)函數(shù),用于遍歷過程中對(duì)JSON對(duì)象或數(shù)組進(jìn)行操作。下面是一個(gè)示例:
var jsonArray = [ { "name": "Lucy", "age": 20, "sex": "Female" }, { "name": "Tom", "age": 25, "sex": "Male" }, { "name": "Lily", "age": 30, "sex": "Female" } ]; $.each(jsonArray, function(index, item) { console.log(item.name + " is " + item.age + " years old and is " + item.sex); });
上面的代碼會(huì)遍歷jsonArray數(shù)組中的每一項(xiàng),并將每一項(xiàng)的name、age、sex屬性輸出到控制臺(tái)。
在$.each()方法中,回調(diào)函數(shù)的第一個(gè)參數(shù)為當(dāng)前遍歷項(xiàng)的索引(從0開始),第二個(gè)參數(shù)為當(dāng)前遍歷項(xiàng)的值。回調(diào)函數(shù)可以對(duì)當(dāng)前遍歷項(xiàng)進(jìn)行任何操作。
除了遍歷JSON數(shù)組,$.each()方法還可以遍歷JSON對(duì)象:
var jsonObject = { "name": "Lucy", "age": 20, "sex": "Female" }; $.each(jsonObject, function(key, value) { console.log(key + ": " + value); });
這段代碼將遍歷jsonObject對(duì)象中的每一個(gè)屬性,并將屬性名和屬性值輸出到控制臺(tái)。
總之,使用$.each()方法遍歷JSON數(shù)組和JSON對(duì)象是非常方便的操作。對(duì)于一些簡(jiǎn)單而又常見的操作,可以使用$.each()方法代替for循環(huán)的方式,代碼簡(jiǎn)潔易懂。