【jQuery】3、工具
阿新 • • 發佈:2019-01-09
一、$工具方法
1. $.each(): 遍歷陣列或物件中的資料 2. $.trim(): 去除字串兩邊的空格 3. $.type(obj): 得到資料的型別 4. $.isArray(obj): 判斷是否是陣列 5. $.isFunction(obj): 判斷是否是函式 6. $.parseJSON(json) : 解析json字串轉換為js物件/陣列
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>09_$工具方法</title> </head> <body> <script src="js/jquery-1.10.1.js" type="text/javascript"></script> <script type="text/javascript"> //1. $.each(): 遍歷陣列或物件中的資料 var obj = { name: 'Tom', setName: function (name) { this.name = name } } $.each(obj, function (key, value) { console.log(key, value) }) //2. $.trim(): 去除字串兩邊的空格 var sentence=' I am a boy ' console.log('---' + $.trim(sentence) + '---') // ---I am a boy--- //3. $.type(obj): 得到資料的型別 console.log($.type($)) // 'function' //4. $.isArray(obj): 判斷是否是陣列 console.log($.isArray($('body')), $.isArray([])) // false true //5. $.isFunction(obj): 判斷是否是函式 console.log($.isFunction($)) // true //6. $.parseJSON(json) : 解析json字串轉換為js物件/陣列 var json = '{"name":"Tom", "age":12}' // json物件: {} // json物件===>JS物件 console.log($.parseJSON(json)) json = '[{"name":"Tom", "age":12}, {"name":"JACK", "age":13}]' // json陣列: [] // json陣列===>JS陣列 console.log($.parseJSON(json)) /* JSON.parse(jsonString) json字串--->js物件/陣列 JSON.stringify(jsObj/jsArr) js物件/陣列--->json字串 */ </script> </body> </html>