$(function () { $("#Btn_Each").click(function () { $("#msg").html(""); $.each([1, 3, 5, 7, 9], function (idx, val) { $("#msg").append("idx:" + idx + ", val:" + val + "<br/>"); }); $.each({ id: 123, name: "xian", lang: "zh_tw" }, function (key, val) { $("#msg").append("key:" + key + ", value:" + val + "<br/>"); }); }); $("#Btn_Grep").click(function () { var arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9]; var arr2 = $.grep(arr1, function (ele, idx) { return ele % 2 == 0 && idx > 3; }); var arr3 = $.grep(arr1, function (ele, idx) { return ele % 2 == 0 && idx > 3; }, true); $("#msg").html("arr1:" + arr1.join(", ") + "<br/>"); $("#msg").append("arr2:" + arr2.join(", ") + "<br/>"); $("#msg").append("arr3:" + arr3.join(", ") + "<br/>"); }); $("#Btn_Map").click(function () { var arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9]; var arr2 = $.map(arr1, function (ele, idx) { return ele * 2; }); $("#msg").html("arr1:" + arr1.join(", ") + "<br/>"); $("#msg").append("arr2:" + arr2.join(", ") + "<br/>"); }); $("#Btn_Merge").click(function () { var arr1 = [1, 3, 5, 7, 9]; $("#msg").html("arr1:" + arr1.join(", ") + "<br/>"); var arr2 = [2, 4, 6, 8, 10]; $("#msg").append("arr2:" + arr2.join(", ") + "<br/>"); $.merge(arr1, arr2); $("#msg").append("arr1:" + arr1.join(", ") + "<br/>"); }); $("#Btn_Unique").click(function () { var arr1 = [1, 1, 1, 2, 2, 2, 3, 4, 5, 6, 6, 6, 7, 8, 9]; $("#msg").html("arr1:" + arr1.join(", ") + "<br/>"); $.unique(arr1); $("#msg").append("arr1:" + arr1.join(", ") + "<br/>"); }); });
<input type="button" id="Btn_Each" value="each" /> <input type="button" id="Btn_Grep" value="grep" /> <input type="button" id="Btn_Map" value="map" /> <input type="button" id="Btn_Merge" value="merge" /> <input type="button" id="Btn_Unique" value="unique" /> <br /> <fieldset> <legend>output</legend> <div id="msg"></div> </fieldset>