首页 > 其他分享 >jQuery工具方法(json)

jQuery工具方法(json)

时间:2023-01-11 13:45:55浏览次数:46  
标签:jQuery console log age js json 数组 工具

视频

json:有一定格式的字符串
1.json对象--'{"name":"Tom","age":12}'
2.json数组--'[{"name":"Tom","age":12},{"name":"Jack","age":13}]'
JSON.parse(jsonString) //json字符串--->js对象/数组
JSON.stringify(jsObj/jsArr) //js对象/数组--->json字符串

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>09_$工具方法</title>
</head>
<body>
<!--
1. $.each(): 遍历数组或对象中的数据
2. $.trim(): 去除字符串两边的空格
3. $.type(obj): 得到数据的类型
4. $.isArray(obj): 判断是否是数组
5. $.isFunction(obj): 判断是否是函数
6. $.parseJSON(json) : 解析json字符串转换为js对象/数组
-->
<script src="js/jquery-1.10.1.js" type="text/javascript"></script>
<script type="text/javascript">

  //1. $.each(): 遍历数组或对象中的数据
  var person = {
    name: 'tom',
    age: 12
  }
  $.each(person, function (key, value) {
    console.log(key, value)
  })

  //2. $.trim(): 去除字符串两边的空格

  //3. $.type(obj): 得到数据的类型
  console.log($.type($) === "function")

  //4. $.isArray(obj): 判断是否是数组
  console.log($.isArray($()))  //false
  console.log($.isArray([]))  //true

  //5. $.isFunction(obj): 判断是否是函数
  console.log($.isFunction($)) //true
  console.log($.isFunction($())) //false

  //6. $.parseJSON(json) : 解析json字符串转换为js对象/数组
  /*
   json整体就2种类型:
   1.json对象 : {key1:value1 , key2:value2}
   2. json数组: [value1, value2]
   3. key只能是字符串
   4. value的类型:
     number
     string
     boolean
     null
     []
     {}
   */
  var json = '{"username":"jack", "age" : 12}'
  console.log($.parseJSON(json))  //js对象
  json = '[{"username":"jack", "age" : 12},{"username":"Tom", "age" : 13}]'
  console.log($.parseJSON(json)) //js数组
</script>
</body>
</html>

标签:jQuery,console,log,age,js,json,数组,工具
From: https://www.cnblogs.com/chuixulvcao/p/17043436.html

相关文章