精华内容
下载资源
问答
  • JavaScript学习手册

    2016-12-26 11:27:10
    史上求全的JavaScript学习手册
  • Educoder题目:JavaScript学习手册一:JS简介答案解析.md
  • Educoder题目:JavaScript 学习手册二:JS 数据类型答案解析.md
  • Educoder题目:JavaScript学习手册三:JS运算符答案解析.md
  • PHP、MySQL与JavaScript学习手册 第4版 PDF电子书,非常经典的入门教程
  • 将两部分放同一目录下解压,给想学习PHP的同学参考 PDF 701页中文完整版
  • PHP、MySQL与JavaScript学习手册 第4版,PHP、MySQL与JavaScript学习手册 第4版,刚出的书很不错。
  • JSON1、JSON对象任务描述相关知识什么是JSON对象JSON对象与Javascript对象的区别在JavaScript中使用JSON对象代码文件2、JSON数组任务描述相关知识JSON属性对应的值(value)是一个数组数组的一些操作代码文件3、JSON...

    1、JSON对象

    任务描述

    本关任务:练习在JavaScript中定义JSON对象。

    具体要求如下:

    1. 定义一个JSON对象JSONObject,它有三个属性:key1、key2和key3,它们的值分别是参数a、b和c;
    2. 删除其中名字为key3的属性;
    3. 删除完成后,遍历其余的所有属性,返回各属性的值连接成的字符串,中间用,隔开;

    相关知识

    JSON既然是用来传递数据的,必然要先存储数据,存储数据需要采用一定的数据格式,JSON常用的数据格式有JSON对象、JSON数组和JSON字符串。

    什么是JSON对象

    JSON对象(通常叫JSON)是一种文本数据的交换格式,用于存储和传输数据。示例如下:

    {"name":"Jerry", "age":15}
    

    这就是一个简单的json对象,它的规则是:

    • 数据以键/值对的形式存在;
    • 数据之间用逗号间隔;
    • 大括号表示保存对象;
    • 方括号表示保存数组。

    JSON对象与Javascript对象的区别

    JSON是基于JavaScript语法的,所以JSON中也有对象的概念,但是和JavaScript中的对象有一些小的区别。

    1. 定义一个JavaScript对象:
    var myObject = {
        id:1,
        name:"Peter Bruce",
        "first name":"Bruce",
        display:function() {
                    console.log(this.name);
                }
    }
    
    1. 定义一个JSON对象:
    {"id":1,"name":"Peter Bruce","first name":"Bruce"}
    
    1. 三点区别:

    (1)JSON对象的属性名(key)必须被包含在双引号之中,而JavaScript对象除了有空格的属性名、中间有连字符-的属性名必须在双引号之中外,其它随意;
    (2)不能在JSON对象中定义方法,而在JavaScript对象中可以;
    (3)JSON对象可以被很多语言操作,而JavaScript对象只有JS自己可以识别


    1. 定义JSON对象的方法如下

    用一个{}包含在内,内部是若干个属性名和属性值构成的键值对,键值对之间用,隔开,属性名和属性值之间用:隔开,属性值可以是以下任意一种数据类型的数据:数字、字符串、JSON数组、JSON对象、null。如:

     {"a":1,"b":2.12,"c":true,"d":"string","e":null};
    

    属性值是JSON数组或者JSON对象的情况稍复杂,后面的关卡将介绍。

    在JavaScript中使用JSON对象

    支持JSON的语言都能够使用JSON对象,这里仅介绍在JavaScript中如何使用JSON对象。

    • 在JavaScript中定义一个JSON对象:
    var jsonObject = {"name":"js","number":2};
    
    • 操作属性,使用.或者[]
    console.log(jsonObject.name);//读属性,输出js
    console.log(jsonObject["name"]);//读属性,输出js
    jsonObject.name = "javascript";//写属性,给name属性赋值javascript
    
    • 删除属性,使用delete:
    var jsonObject = {"name":"js","number":2};
    delete jsonObject.name;//删除name属性
    
    • 遍历属性,使用for-in循环:
    var jsonObject = {"name":"js","number":2};
    for(att in jsonObject) {
      console.log(jsonObject[att]);//依次输出js、2
    }
    

    代码文件

    function mainJs(a,b,c) {
    	//请在此处编写代码
    	/********** Begin **********/
        var JSONObject = {"key1":a,"key2":b,"key3":c};
        delete JSONObject.key3;
        return a+","+b;
    	/********** End **********/
    }
    

    2、JSON数组

    任务描述

    本关任务:定义并操作JSON键值对中的值。

    具体要求如下:

    • 已知myJson的第三个属性的值是一个数组,参数a是一个数字,要求将数组中前a个元素(这些元素都是字符串类型)拼接起来,元素之间用,隔开,返回拼接后的字符串;
    • 比如a为2的时候,你需要返回js,java。

    相关知识

    JSON属性对应的值(value)是一个数组

    • JSON键值对中的值(value)可以是一个数组

    比如:

    {
    "country":"China",
    "population":"1.3billion",
    "bigCity":["Peking","Shanghai","ShenZhen","HongKong"]
    }
    

    属性bigCity的值有多个,放在一个数组里面。

    上面例子里面,数组的每一个元素都是字符串。其实,数组的每一个元素还可以是另外一个json对象。比如:

    {
    "class":"高三一班",
    "studentNumber":70,
    "score":[
        {"name":"LiMing","score":128},
        {"name":"ZhangHua","score":134},
        {"name":"ShenLu","score":112}
    ]
    }
    

    上面的score属性的值是一个数组,这个数组的每一个元素是一个json对象。

    数组的一些操作

    1. 读写元素:
    var myJson = {
    "country":"China",
    "population":"1.3billion",
    "bigCity":["Peking","Shanghai","ShenZhen","HongKong"]
    }
    console.log(myJson.bigCity[1]);//打印出Shanghai
    myJson.bigCity[0] = "GuangZhou";//第一个元素被赋值为GuangZhou
    
    1. 遍历:
    var myJson = {
    "country":"China",
    "population":"1.3billion",
    "bigCity":["Peking","Shanghai","ShenZhen","HongKong"]
    }
    for(var i = 0;i < myJson.bigCity.length;i++) {
        console.log(myJson.bigCity[i]);//依次输出Peking,Shanghai,ShenZhen,HongKong
    }
    

    代码文件

    【第一种方法是后来写的,刚开始用的是下面的第二种办法,因为当时做不出来,就想着直接输出】

    var myJson = {
        "category":"computer",
        "detail":"programming",
        "language":[
        "js","java","php","python","c"
        ]
    }
    function mainJs(a) {
        a = parseInt(a);
    	//请在此处编写代码
    	/********** Begin **********/
        var b = "";
        for(var i=0;i<a;i++){
            b = b+myJson.language[i]+",";
        }
        return b.slice(0,-1);
    	/********** End **********/
    }
    
    var myJson = {
        "category":"computer",
        "detail":"programming",
        "language":[
        "js","java","php","python","c"
        ]
    }
    function mainJs(a) {
        a = parseInt(a);
    	//请在此处编写代码
    	/********** Begin **********/
        if(a==1){
            return myJson.language[0];
        }
        if(a==2){
            return myJson.language[0]+","+myJson.language[1];
        }
        if(a==3){
            return myJson.language[0]+","+myJson.language[1]+","+myJson.language[2];
        }
        if(a==4){
            return myJson.language[0]+","+myJson.language[1]+","+myJson.language[2]+","+myJson.language[3];
        }
        if(a==5){
            return myJson.language[0]+","+myJson.language[1]+","+myJson.language[2]+","+myJson.language[3]+","+myJson.language[4];
        }
    	/********** End **********/
    }
    

    3、JSON字符串

    任务描述

    本关任务:练习JSON字符串和JavaScript对象的相互转换。

    具体要求如下:

    1. 先将JSON字符串JSONString转换为JavaScript对象JSONObject;
    2. 然后将JSONObject的key1属性的值设置为mainJs()函数的参数a;
    3. 最后将JSONObject转换为JSON字符串,并返回该字符串;

    相关知识

    在前端和后台之间传递数据可以使用JSON,但是实际上传递的是JSON字符串,而JSON对象是不可以直接进行传递的。

    JSON字符串

    JSON字符串就是在JSON对象两边套上'形成的字符串,如:

    var JSONObject  = {"k1":"v1","k2":"v2"};//JSON对象
    var JSONString1 = '{"k1":"v1","k2":"v2"}';//JSON字符串
    

    上面的JSONSring1就是JSON字符串,可以直接从前端传到后台或者后台传到前端。

    当JavaScript收到从后台传来的JSON字符串后,怎么把它变成JSON对象方便处理呢?

    JSON字符串到JavaScript对象

    JSON.parse(a,b)方法将JSON字符串a转换为JavaScript对象。b是一个可选的函数参数。

    var JSONString1 = '{"k1":"v1","k2":"v2"}';
    console.log(JSON.parse(JSONString1));//输出Object {k1: "v1", k2: "v2"}
    

    函数参数b按从里到外的顺序作用在对象的所有属性上,最后一个作用的是对象本身:

    //对象的每一个属性的值加1
    var text = '{ "key1":1, "key2":2, "key3":2.2}';
    var obj = JSON.parse(text, function (key, value) {
        if(key === '')//当遇到对象本身时,不进行加1操作
            return value;
        return value+1;//对属性值加1
    });
    console.log(obj);//输出Object {key1: 2, key2: 3, key3: 3.2}
    

    如上面所示,函数的参数有两个,其中key表示属性的名字,value表示属性的值,当遇到对象本身时,key的值为'',即空字符串。

    JSON对象转换为JSON字符串

    JSON.stringify(a,b,c)a是待转换的JSON对象,b和c为可选参数。

    var JSONObject = {"k1":"v1","k2":"v2"};
    JSON.stringify(JSONObject);//JSON对象转换为JSON字符串
    

    参数b为函数时,该函数按照从里到外的顺序处理JSON对象的每一个属性,最后一个处理的是JSON对象本身,处理完后再转为JSON字符串:

    //对象的所有属性值加1,再转为字符串
    var JSONObject = {"k1":1,"k2":2.2};
    var JSONString = JSON.stringify(JSONObject,function(k,v){
        if(k === '')//处理到了JSON对象本身
            return v;
        return v+1;//所有的属性的值加1
    });
    console.log(JSONString);//输出{"k1":2,"k2":3.2}
    

    参数b还可以是数组,数组存储的是属性的名字,用来指定只转换哪些属性:

    //转换对象中特定的属性
    var JSONObject = {"k1":1,"k2":2.2,"k3":3};
    var JSONString = JSON.stringify(JSONObject,["k1","k2"]);
    console.log(JSONString);//输出{"k1":1,"k2":2.2}
    

    这里简单介绍一下c:

    var str = ["name":"Tom","age":16];
    var obj1 = JSON.stringify(str);
    var obj2 = JSON.stringify(str,null,4);
    console.log(obj1);  //输出{"name":"Tom","age":16}
    console.log(obj2); //输出
    //{
    //    "name": "Tom",
    //    "age": 16
    //}
    

    参数c:文本添加缩进、空格和换行符,如果 c 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 c 大于 10,则文本缩进 10 个空格。

    代码文件

    var JSONString = '{"key1":"value1","key2":"value2"}';
    function mainJs(a) {
    	//请在此处编写代码
    	/********** Begin **********/
        var JSONObject = JSON.parse(JSONString);
        JSONObject["key1"] = a;
        JSONObject.key1 = a;
        return JSON.stringify(JSONObject);
    	/********** End **********/
    }
    
    展开全文
  • With this simple, streamlined guide, non-programmers will quickly learn how to create responsive, data-driven websites with PHP, MySQL, and JavaScript. Discover how the powerful combination of ...
  • JavaScript完全学习手册

    2018-03-27 14:58:32
    JavaScript完全学习手册 清华大学出版社 张银鹤 梁文新 李新磊著
  • title= “JavaScript学习手册一:JS简介” categories= [“educoder”] date= 2020-08-13 +++ JavaScript 语言介绍、注释及基本输出方式 step1/Hello.html <!DOCTYPE html> <html> <head> <...

    +++
    title= “JavaScript学习手册一:JS简介”
    categories= [“educoder”]
    date= 2020-08-13
    +++

    JavaScript 语言介绍、注释及基本输出方式

    step1/Hello.html

    <!DOCTYPE html>
    <html>
    	<head>
        	<!-- 请在此处编写代码 -->
    		<!---------Begin--------->
    		<script>
    展开全文
  • Educoder JavaScript学习手册十一:JSON

    千次阅读 2020-06-12 10:36:46
    /********** End **********/ } 第3关:JSON字符串 先将JSON字符串JSONString转换为JavaScript对象JSONObject; 然后将JSONObject的key1属性的值设置为mainJs()函数的参数a; var JSONString = '{"key1":"value1",...

    第1关:JSON对象

    定义一个JSON对象JSONObject,它有三个属性:key1、key2和key3,它们的值分别是参数a、b和c;
    删除其中名字为key3的属性;
    删除完成后,遍历其余的所有属性,返回各属性的值连接成的字符串,中间用,隔开;

    function mainJs(a,b,c) {
       
        //请在此处编写代码
        /********** Begin **********/
        var JSONObject = {
       "key1":a,
    展开全文
  • 第一关…字符串字面量 //请在此处编写代码 /********** Begin **********/ var pattern = /js\n/; /********** End **********/ 第二关....//请在此处编写代码 /********** Begin **********/ ...

    第一关…字符串字面量

    //请在此处编写代码
    	/********** Begin **********/
        
        var pattern = /js\n/;
        
    	/********** End **********/
    

    第二关.字符类

    //请在此处编写代码
    	/********** Begin **********/
        var pattern1 = /[a-zA-Z][0-9]/;
        var pattern2 = /A[^0-9]/;
        
    	/********** End **********/
    

    第三关.重复

    //请在此处编写代码
    	/********** Begin **********/
         var pattern1 = /\?+/;
        var pattern2 = /\+{3,3}/;
        var pattern3 = /\{\}{1,2}/;
        var pattern4 = /\\{0,1}/;
        
        
    	/********** End **********/
    

    第四关.选择

    //请在此处编写代码
    	/********** Begin **********/
        var pattern1 = /[0-9]{17}([0-9]|X)/;
        var pattern2 = /2(3|4)[0-9]{4}/;
        var pattern3 = /010|02[012345789]/;
        
    	/********** End **********/
    

    第五关.分组

    //请在此处编写代码
    	/********** Begin **********/
        var pattern1 = /(\?\+){2,}/;
        var pattern2 = /\d(\?|\+)\d/;
        
    	/********** End **********/
    

    第六关.引用

    //请在此处编写代码
    	/********** Begin **********/
        var pattern1 = /([0-9]{3})[^0-9]\1/;
        var pattern2 = /[A-Z]([0-9])[A-Z]\1[A-Z]\1/;
        
    	/********** End **********/
    

    第七关.匹配位置

    //请在此处编写代码
    	/********** Begin **********/
        
          var pattern = /^js\b/;
        
    	/********** End **********/
    

    第八关.修饰符

    //请在此处编写代码
    	/********** Begin **********/
        
          var pattern = /\bshell\b/ig;
        
    	/********** End **********/
    

    第九关.正则表达式的使用

    //请在此处编写代码
    	/********** Begin **********/
       var pattern = /[0-9]/g;
        return a.replace(pattern,"");
    
    	/********** End **********/
    

    欢迎关注我的公众号,获取更多内容!
    在这里插入图片描述

    展开全文
  • 二仙桥交通专员 成华大道常驻山西代表 松果弹抖三维立体混元劲白带大师 陈e大学城分e 逃课十级专家 土味专家 欢迎关注我的公众号 让我们一起讨论学习、讨论人生 在这里还有更多资源等着你 欢迎在线对话!
  • 相关知识 综合前面学习过的节点的各种操作,可以实现很复杂的功能。 下拉列表的级联 相信大家都见过这样的下拉框: 它有三列,每一列都会根据前一列的结果动态的改变自己的可选项,称为下拉框的级联,那么如何实现...
  • 请将两部分放同一目录解压 PDF 701页中文完整版
  • 这里是2021年1月4号,早上9:44. 写于------实习课上。... console.log("Hello,JavaScript!"); </script> <!---------End---------> 第二关 <!---------Begin---------> <h.
  • 第1关:字符串字面量 定义正则表达式pattern; pattern匹配字符串js后面紧跟换行符的这样一类字符串 function mainJs(a) { a = a.replace(",","\n"); //请在此处编写代码 /********** Begin **********/ ...
  • 欢迎大家关注,转发,加推荐给身边的同学啊!!!!!! 第一关 //请在此处编写代码 /********** Begin **********/ aType = typeof a; bType ='array'; cType = typeof c;... 让我们一起学习!一起进步!!
  • 这是一份php学习手册,可以了解学习php。
  • Educoder JavaScript学习手册四:JS对象

    千次阅读 2020-05-21 14:46:42
    (1)创建你的第一个JavaScript对象。使用对象字面量方法创建名为student的对象,有两个属性name和gender,他们的值分别是mainJs()函数的参数a和参数b; 使用已给的构造函数Car(plate,owner)创建一个对象myCar,它的两...
  • javascript学习手册

    2008-05-30 12:58:16
  • 二仙桥交通专员 成华大道常驻山西代表 松果弹抖三维立体混元劲白带大师 陈e大学城分e 逃课十级专家 欢迎关注我的公众号 让我们一起讨论学习、讨论人生 在这里还有更多资源等着你 欢迎在线对话!
  • 但是学习不止! 第一关 //请在此处编写代码 /*********begin*********/ if(a==array1.length){ return "hello"; }else{ return 2.1 ; } /*********end*********/ 第二关 //请在此处编写代码 .
  • 二仙桥交通专员 成华大道常驻山西代表 松果弹抖三维立体混元劲白带大师 陈e大学城分e 逃课十级专家 土味专家 欢迎关注我的公众号 让我们一起讨论学习、讨论人生 在这里还有更多资源等着你 欢迎在线对话!
  • JavaScript 学习手册七 JS循环语句

    千次阅读 2020-06-28 12:27:15
    educoder JavaScript学习手册七 JS循环语句 在这里插入图片描述
  • 二仙桥交通专员 成华大道常驻山西代表 松果弹抖三维立体混元劲白带大师 陈e大学城分e 逃课十级专家 欢迎关注我的公众号 让我们一起讨论学习、讨论人生 在这里还有更多资源等着你 欢迎在线对话!
  • JavaScript学习手册八:JS函数

    千次阅读 2020-12-04 22:35:58
    第1关:用函数语句定义函数 定义一个名字为mainJs()的函数; 该函数有两个参数,均为字符串类型; 函数的功能是返回这两个参数的拼接结果; 具体请参见后续测试样例。 //请在此处编写代码 /********** Begin *******...
  • 学习人! 第一关 //请在此处编写代码 /********** Begin **********/ if(a<60){ return "unpass" ; }else{ return "pass" ; } /********** End **********/ 第二关 //请在此处编写代码 /********** ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 26,329
精华内容 10,531
关键字:

javascript学习手册

java 订阅