JS_Study_Day4_基础（1）

css和css3基础我前段时间没有更新主要原因是最近找不到动力，但也还是把css和css3的部分过了一遍，主要的一些弹性盒子还有定位和动画都做了一遍，但我觉得去记录的话就很繁琐不够精华，所以那么部分就没有发日志，今天就看一下js中一些基础以及json数据的遍历和数组的使用。

js的主要作用就是控制页面元素，可对其做一些样式或者事件， 基本就是一个DOM的操作过程。

看一下js中的基本数据类型：分为值类型和引用数据类型。包括字符串、数字、布尔、空、未定义、object、array、function。这里面最重要的是json对象类似java语言中的Map或者是python语言中的字典，学起来还是很轻松的。关键一点是正确的去遍历它。

创建js文件如下：

var json1 = [{
    person1: {
        id: 1,
        name: "sjd",
        sex: "man",
        love: "man"
    }
}, {
    person2: {
        id: 2,
        name: "sjd2",
        sex: "man2",
        love: "man2"
    }
}, {
    person3: {
        id: 3,
        name: "sjd3",
        sex: "man3",
        love: "man3"
    }
}]
// document.write(json1[0].person1.id);
// console.log(json1);

var x = 0;
var json = json1
for (x in json) {
    console.log(json[x]);
}

上述代码中我使用数组套json对象创建了3个person数据里面包含id、name、sex等属性值，其次使用for循环进行遍历，最后实现结果：

 返回了三个object对象，对象中包含了3个人的数据，我们可以for循环索要遍历的格式、

 

 如果将json数据格式改成没有被数组包围情况下同样的循环输出是什么样子呢？

var json1 = {
    person1: {
        id: 1,
        name: "sjd",
        sex: "man",
        love: "man"
    }
, 
    person2: {
        id: 2,
        name: "sjd2",
        sex: "man2",
        love: "man2"
    }
, 
    person3: {
        id: 3,
        name: "sjd3",
        sex: "man3",
        love: "man3"
    }
}

继续使用最上面的for in循环结果如下：这样就是单纯的json数据，而上面的的结果展示的是类似key，value的格式一个人它的编号等等信息，这里的话就是不清楚他是哪个人的数据。不能说谁号谁坏，具体使用还得看实际开发中运用到哪个。

 

总结：我为什么会对js中的json数据和数组的遍历先去做一个了解呢，因为之前在学习python中我总是没有分清楚如何去使用for循环去对字典和数组去正确灵活的使用，后续也是搞明白了这个，所以学习JavaScript的第一步我就去学习了这个，后续慢慢学习。晚安！