1. >JSON（JavaScript Object Notation，JavaScript 对象表示法）是一种由道格拉斯·克罗克福特构想和设计、轻量级的数据交换语言，该语言以易于让人阅读的文字为基础，用来传输由属性值或者序列性的值组成的数据对象。尽管 JSON 是 JavaScript 的一个子集，但 JSON 是独立于语言的文本格式，并且采用了类似于 C 语言家族的一些习惯。 >JSON 数据格式与语言无关，脱胎于 JavaScript，但当前很多编程语言都支持 JSON 格式数据的生成和解析。JSON 的官方 MIME 类型是 application/json，文件扩展名是 .json。给出两个简单的 json 示例： ``` { "name": "zhangsan", "age": 18, "gender": "male" } ``` ``` { "students": [ { "firstName": "san", "lastName": "zhang" }, { "firstName": "si", "lastName": "li" }, { "firstName": "wu", "lastName": "wang" } ] } ``` 执行以下代码结果显示：JSON 是一种纯数据格式,它只包含属性，没有方法。 JSON 的属性必须通过双引号引起来。 JSON 要求两头有 {} 来使其合法。可以把 JavaScript 对象原原本本的写入 JSON 数据，比如：字符串，数字，数组，布尔还有其它的字面值对象。 ```

JSON

json实例

``` ![image.png](https://dn-simplecloud.shiyanlou.com/courses/uid1370511-20200605-1591339722589) 2.Array 对象 concat() 方法用于连接两个或多个数组，并返回结果。语法为： ``` arrayObject.concat(arrayX, arrayX, ..., arrayX); ``` 例子: ``` var a = [1, 2, 3]; var b = [4, 5, 6]; var c = ["one", "two", "three"]; console.log(a.concat(b, c)); // 打印结果为：[1, 2, 3, 4, 5, 6, "one", "two", "three"] ``` reverse() 方法，颠倒数组的顺序。比如: ``` var a = [1, 2, 3, 4]; a.reverse(); console.log(a); // a 数组变成：[4, 3, 2, 1]。 ``` slice() 方法，从某个已有的数组返回选定的元素。语法为： ``` arrayObject.slice(start, end); // strat 值是必需的，规定从何处开始选取 // end 值可选，规定从何处结束选取，如果没有设置，默认为从 start 开始选取到数组后面的所有元素 ``` 输入以下代码： ``` var a = [1, 2, 3, 4, 5, 6]; a.slice(2, 5); // 结果为[3, 4, 5]，另外需要注意的是该方法不会修改数组，只是返回一个子数组，a 数组还是 [1, 2, 3, 4, 5, 6] ``` splice() 方法，删除或替换当前数组的某些项目。语法为： ``` arrayObject.splice(start, deleteCount, options); // start 值是必需的，规定删除或替换项目的位置 // deleteCount 值是必需的，规定要删除的项目数量，如果设置为 0，则不会删除项目 // options 值是可选的，规定要替换的新项目 // 和 slice() 方法不同的是 splice() 方法会修改数组 ``` 输入以下代码： ``` var a = [1, 2, 3, 4, 5, 6]; a.splice(2, 2, "abc"); a; // 最终 a 数组变成了[1, 2, "abc", 5, 6] ``` sort() 方法，将数组进行排序。语法为： ``` arrayObject.sort(sortby); // sortby 是可选的，规定排序顺序，必需是函数。如果没有参数的话，将会按照字母顺序进行排序，更准确的说是按照字符编码（可自行百度了解）的顺序进行排序。如果想按照其他标准进行排序，则需要提供比较函数 ``` 例子： ``` ``` ![image.png](https://dn-simplecloud.shiyanlou.com/courses/uid1370511-20200605-1591341946454) String 对象 charAt() 方法，获取指定位置处字符。语法为： ``` stringObject.charAt(index); // 字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串 ``` 例子： ``` var str = "Hello world!"; document.write(str.charAt(2)); // 以上代码输出为 l ``` ![image.png](https://dn-simplecloud.shiyanlou.com/courses/uid1370511-20200605-1591342037804) charCodeAt() 方法，获取指定位置处字符的 Unicode 编码。语法为： ``` stringObject.charCodeAt(index); // 字符串中第一个字符的下标是 0。如果 index 是负数，或大于等于字符串的长度，则 charCodeAt() 返回 NaN ``` 例子： ``` var str = "Hello world!"; document.write(str.charCodeAt(2)); // 以上代码输出为 l08 ``` ![image.png](https://dn-simplecloud.shiyanlou.com/courses/uid1370511-20200605-1591342136280) 4.创建对象的方式有很多，下面为大家讲解几种常用的方式。通过对象字面量来创建 ``` var student = { name: "zhangsan", age: 18, gender: "male", sayHi: function() { console.log("hi,my name is " + this.name); } }; ``` ```

JSON

json实例

``` ![image.png](https://dn-simplecloud.shiyanlou.com/courses/uid1370511-20200605-1591342378588) 通过 new Object() 创建对象 ``` var student = new Object(); (student.name = "zhangsan"), (student.age = 18), (student.gender = "male"), (student.sayHi = function() { console.log("hi,my name is " + this.name); }); ``` 通过工厂函数创建对象 ``` function createStudent(name, age, gender) { var student = new Object(); student.name = name; student.age = age; student.gender = gender; student.sayHi = function() { console.log("hi,my name is " + this.name); }; return student; } var s1 = createStudent("zhangsan", 18, "male"); ``` 自定义构造函数 ``` function Student(name, age, gender) { this.name = name; this.age = age; this.gender = gender; this.sayHi = function() { console.log("hi,my name is " + this.name); }; } var s1 = new Student("zhangsan", 18, "male"); ``` 遍历对象的属性通过 for...in 语句用于遍历数组或者对象的属性，对数组或者对象的属性进行循环操作。比如： ``` ``` 删除对象的属性使用 delete 删除对象的属性。比如在控制台中输入以下代码： ``` var student = { name: "zhangsan", age: 18, gender: "male" }; student.name; // zhangsan delete student.name; student.name; // undefined ``` 5.写一个函数，格式化日期对象，最终输入形式为：yyyy/MM/dd HH:mm:ss。比如： ``` ``` ![image.png](https://dn-simplecloud.shiyanlou.com/courses/uid1370511-20200605-1591343761914) 写一个函数去掉数组中的重复元素。比如有一个数组 array = ["x", "c", "a", "b", "c", "b", "c"]。 ``` ``` 写一个函数判断一个字符串中出现次数最多的字符，并统计这个字符出现的次数。比如有这样一个字符串："daskljahiagnaknscsjdwfanalvnahdpwod"。 ``` ```

“Web开发基础”实验报告