运动框架

作者: CondorHero | 来源:发表于2019-02-14 23:59 被阅读12次

一、JSON学习

1. 最简单的JSON示例

JSON叫做JavaScript Object Notation, JavaScript对象表示法。由JS大牛Douglas发明。
我们之前学习过数组:
var arr = [“东邪”,”西毒”,”南帝”,”北丐”,"中神通"]
数组很好用,arr[2] 就是南帝。
但是我们发现,数组的下标,只能是阿拉伯数字,不能是我们任意取的。
JSON的示例:

var obj = {
"name":"考拉",
 "age" : 18,
 "sex" : "不祥"
};
console.log(obj.age); //18

语法:
{
"k" : v,
"k" : v,
"k" : v,
"k" : v
}
访问某一个属性

  • 能用点语法.就是“的”
    obj.age; //obj这个对象的age属性
  • 也可以使用 [] 来表示属性, [] 里面是变量:
    var a = "age";
    console.log(obj[a]); //18
    如果不想用变量,必须加引号:
    obj["age"] //18

2. JSON的嵌套

JSON里面,可以又是一个JSON

var obj = {
 "name":"考拉",
  "age" : 18,
  "sex" : "不祥",
  "shengao" : 193,
  "peiou" : {
  "name" : "Angelababy",
   "age" : 16,
   "shengao" : 168
    }
};

所以,想得到168这个数字:
obj.peiou.shengaoobj[peiou][shengo]
现在只知道 Ajax 大量用到JSON。瀑布流的network里面。JSON作为大字典dictionary。

3. JSON项的添加和删除

  • 增加obj里面的项,那么就用点语法赋值:
 var obj = {
  "name":"考拉",
  "age" : 18
 };
 age++;//改变属性
obj.sex = "male";
console.log("age");
  • 删除某一个属性,使用delete关键字:
    delete obj.age;

4. JSON的遍历

无法使用 for 循环会输出 undefined,对象没有 length属性。
for…in语句是专门用来遍历JSON的语法:

 for(var k in obj){
   console.log(k + "的值是" + obj[k]);
  }

k会依次等于我们的obj里面的属性名,然后在循环语句里面,用obj[k]来读取这个值。

5.对象的克隆:

//把obj1的属性名克隆到obj2
var obj1 = {
    "name" :"花非花",
    "eage" : 34,
    "sex" : "male"
 };
 var obj2 = {};
    for(var k in obj1){
         obj2[k]="花非花";   //因为k是变量所以使用方括号
 }

相关文章

  • 运动框架

    1、querySelector: 类似于getElementById。 获取出来的元素只有一个,是第一个符合条件的...

  • 运动框架

    一、JSON学习 1. 最简单的JSON示例 JSON叫做JavaScript Object Notation, ...

  • 完美运动框架

    完美运动框架封装 完美运动框架调用 封装完美运动框架遇到的问题? 1.timer问题如果我们只保存一个timer变...

  • JavaScript——运动

    一、运动框架 二、匀速运动 三、缓冲运动

  • 运动框架总结

    (function(a){var json={}; 这个运动框架有以下几个知识点:1、offsetWidth 有局...

  • js运动框架

    一个块的运动前提是让他脱离文档流,在给他定位了之后,手动修改它的top和left值,他就会运动,就是相对他原来的位...

  • CSS布局与JS结合 实现某宝店铺首页

    前几天根据学习的知识整理的JS运动框架,这里直接引用JS运动框架,页面主要是实现css网页布局与JS运动、事件,随...

  • js运动5 链式运动框架

    一环扣一环 让同一个对象对待一种事件(例如onmouseover产生多种属性变化,但不是同时的 HTML move...

  • js运动6 完美运动框架

    实现同时改变对象的多种属性变化 使用了json来传参 move.js HTML 效果

  • 链式运动与同时运动的简单Demo

    链式运动 一、Html布局 二、Css样式 三、Js部分 同时运动 使用Json修改运动框架

网友评论

    本文标题:运动框架

    本文链接:https://www.haomeiwen.com/subject/ayhzsqtx.html