当前位置：个人在线分享 > 头歌-JavaScript基础

头歌-JavaScript基础

作者 : admin 本文共6220个字，预计阅读时间需要16分钟 发布时间： 2024-06-10 共1人阅读

目录

JavaScript 学习手册二：JS数据类型

第1关：JavaScript 数据类型介绍

 第2关：JavaScript 数据类型转换

JavaScript 学习手册五：JS数组

第1关：数组的创建、读写和长度

 第2关：数组元素的增减

 第3关：数组的遍历和多维数组

 第4关：数组的常用方法

 第5关：数组的应用——内排序

JavaScript 学习手册八：JS函数

第1关：用函数语句定义函数

 第2关：用表达式定义函数

第3关：函数的调用

 第4关：未定义的实参

 第5关：实参对象

 第6关：对象作为参数

 第7关：函数对象

JavaScript 学习手册十一：JSON

第1关：JSON对象

 第2关：JSON数组

 第3关：JSON字符串

JavaScript 学习手册二：JS数据类型

第1关：JavaScript 数据类型介绍

头歌-JavaScript基础插图

function objectTest() {
	var a = {name:"myName",id:2};
	var b = [1,true,2];
	var c = 1;
	var d = "1";
	var e = true;
	var f;
	var aType,bType,cType,dType,eType,fType;
	//请在此处编写代码
	/********** Begin **********/
    aType = "object";
    bType = "array";
    cType = "number";
    dType = "string";
    eType = "bool";
    fType = "undefined";
	/********** End **********/
	return aType+","+bType+","+cType+","+dType+","+eType+","+fType;
}

 第2关：JavaScript 数据类型转换

头歌-JavaScript基础插图(1)

function mainJs(args1,args2,args3) {
	//请在此处编写代码
	/********** Begin **********/
    var a = parseInt(args1);
    var b = parseInt(args2,16);
    var c = parseFloat(args3);
	/********** End **********/
    return a+b+c;
}

JavaScript 学习手册五：JS数组

第1关：数组的创建、读写和长度

头歌-JavaScript基础插图(2)

var array1 = [1,2,3,"js",4,true,"hello"];
var array2 = [true,true,"java",2.1];
function mainJs(a) {
	//请在此处编写代码
    /*********begin*********/
    if (array1.length == a) {
        return array1[array1.length-1];
    }
    else return array2[array2.length-1];

    /*********end*********/
}

 第2关：数组元素的增减

头歌-JavaScript基础插图(3)

var testArray = [12,"java","js","c","c++",24,36,"python","c#","css"];
function mainJs(a,b) {
    a = parseInt(a);
    b = parseInt(b);
    //请在此处编写代码
    /*********begin*********/
    for (var i = 0; i < a; i++) {
        testArray.unshift(testArray.pop());
    }
    return testArray[b];
    /*********end*********/
}

 第3关：数组的遍历和多维数组

头歌-JavaScript基础插图(4)

var arr = [1,2,3,4,5,6,7,8,9,0,10,11,12,13,14,15,16,17,18,19,20,21,23,22];
function mainJs(a,b) {
    a = parseInt(a);
    b = parseInt(b);
    //请在此处编写代码
    /*********begin*********/
    var newarr = new Array(a);
    for (var i = 0; i < a; i++) {
        newarr[i] = new Array(b);
    }

    var count = 0;
    for (var i = 0; i < a; i++) {
        for (var j = 0; j < b; j++) {
            newarr[i][j] = arr[count++];
        }
    }

    return newarr;
    /*********end*********/
}

 第4关：数组的常用方法

头歌-JavaScript基础插图(5)

function mainJs(myArray) {
    myArray = myArray.split(",");
    //请在此处编写代码
    /*********begin*********/
    var my = new Array();
    var i = 0, j = 0;

    while (myArray.indexOf("a", i) != -1) {
        my[j] = myArray.indexOf("a", i);
        i = my[j] + 1;
        j++;
    }

    var mym = new Array();
    i = 0, j = 0;
    while (myArray.indexOf("b", i) != -1) {
        mym[j] = myArray.indexOf("b", i);
        i = mym[j] + 1;
        j++;
    }

    var res = new Array();
    res = my.concat(mym);
    return res;
    /*********end*********/
}

 第5关：数组的应用——内排序

头歌-JavaScript基础插图(6)

function mainJs(a) {
    var arr = a.split(",");
    for(var i = 0;i < arr.length;i++) {
        arr[i] = parseInt(arr[i]);
    }
    //请在此处编写代码
    /*********begin*********/
    var mi=new Array(); 
	var aLength = arr.length;
	var temp;
	var max = arr[0];
	var maxIndex = 0;
	for(var i = 0;i < aLength-1;i++) {//共进行n-1次选择
		for(var j = 1;j  max) {
				max = arr[j];
				maxIndex = j;
			}
		}
		mi[i]=maxIndex;
		//将本次选出的最大元素移动到最终的位置上
		temp = arr[aLength-i-1];
		arr[aLength-i-1] = arr[maxIndex];
		arr[maxIndex] = temp;
		var max = arr[0];
		var maxIndex = 0;
	}
	return mi;
    /*********end*********/
}

JavaScript 学习手册八：JS函数

第1关：用函数语句定义函数

头歌-JavaScript基础插图(7)

//请在此处编写代码
/********** Begin **********/
function mainJs(a, b) {
    return a + b;
}


/********** End **********/

 第2关：用表达式定义函数

头歌-JavaScript基础插图(8)

function mainJs(a) {
    a = parseInt(a);
	//请在此处编写代码
	/********** Begin **********/
    var myFunc = function (a) {
        var x = (a-a%100)/100;
        var y = (a%100-a%100%10)/10;
        var z = a%10;
        return x + y + z;
    };
    
	/********** End **********/
    return myFunc(a);
}

第3关：函数的调用

头歌-JavaScript基础插图(9)

//求最大值的函数
function getMax(b,c) {
    return b>c?b:c;
}

//求最小值的函数
var getMin = function(b,c) {
    return b>c?c:b;
}

//对象中的求和函数
var myObject = {
    id:1,
    name:"function",
    myFunc:function(b,c) {
        return b+c;
    }
}

function mainJs(a,b,c) {
    a = parseInt(a);
    b = parseInt(b);
    c = parseInt(c);
	//请在此处编写代码
	/********** Begin **********/
    if (a == 1) {
        return getMax(b, c);
    }
    else if (a == 2) {
        return getMin(b, c);
    }
    else return myObject.myFunc(b, c);

	/********** End **********/
}

 第4关：未定义的实参

头歌-JavaScript基础插图(10)

function mainJs(a,b,c,d) {
	//请在此处编写代码
	/********** Begin **********/
    if (a === undefined) {
        a = "green";
    }
    if (b === undefined) {
        b = "green";
    }
    if (c === undefined) {
        c = "red";
    }
    if (d === undefined) {
        d = "yellow";
    }
    return a + '-' + b + '-' + c + '-' + d;
	/********** End **********/
}

 第5关：实参对象

头歌-JavaScript基础插图(11)

//请在此处编写代码
/********** Begin **********/
function getMax() {
    var alength = arguments.length;
    if (alength == 0) return 0;
    var max = arguments[0];
    for (var i = 1; i < alength; i++) {
        if (max < arguments[i]) max = arguments[i];
    }
    return max;
}

/********** End **********/

function mainJs(a) {
    a = parseInt(a);
    switch(a) {
        case 1:return getMax(23,21,56,34,89,34,32,11,66,3,9,55,123);
        case 2:return getMax(23,21,56,34,89,34,32);
        case 3:return getMax(23,21,56,34);
        case 4:return getMax(23,21,56,34,89,34,32,11,66,3,9,55,123,8888);
        case 5:return getMax();
        default:break;
    }
}

 第6关：对象作为参数

头歌-JavaScript基础插图(12)

var park = {
    name:"Leaf Prak",
    location:"Fifth Avenue",
    todayTourists:4000
};

var computer = {
    name:"Levenon",
    price:"$800",
    memory:"8G"
};

var city = {
    name:"HangZhou",
    country:"Chine",
    population:9400000
}

function objectFunction(object) {
//请在此处编写代码
/********** Begin **********/
    var res = "";
    for (var i in object) {
        res += i + ":" + object[i] + ",";
    }
    return res;
/********** End **********/
}

function mainJs(a) {
    a = parseInt(a);
    switch(a) {
        case 1:return objectFunction(park);
        case 2:return objectFunction(computer);
        case 3:return objectFunction(city);
        default:break;
    }
}

 第7关：函数对象

头歌-JavaScript基础插图(13)

//求数组中奇数元素的个数
function getOddNumber(a) {
    var result = 0;
    for(var i = 0;i < a.length;i++) {
        if(a[i]%2 != 0)
            result++;
    }
    return result;
}

//求数组中偶数元素的个数
function getEvenNumber(a) {
    var result = 0;
    for(var i = 0;i < a.length;i++) {
        if(a[i]%2 == 0)
            result++;
    }
    return result;
}

function getNumber(func,a) {
	//请在此处编写代码
	/********** Begin **********/
    return func(a);
	/********** End **********/
}

//测试接口
function mainJs(b,a) {
    a = a.split(",");
    var aLength = a.length;
    for(var i = 0;i < aLength;i++) {
        a[i] = parseInt(a[i]);
    }
    if(b == "getEvenNumber") {
        return getNumber(getEvenNumber,a);
    } else {
        return getNumber(getOddNumber,a);
    }
}

JavaScript 学习手册十一：JSON

第1关：JSON对象

头歌-JavaScript基础插图(14)

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

 第2关：JSON数组

头歌-JavaScript基础插图(15)

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

 第3关：JSON字符串

头歌-JavaScript基础插图(16)

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 **********/
}

JavaScript学习手册十三：HTML DOM——文档元素的操作（一）

第1关：通过id获取文档元素

头歌-JavaScript基础插图(17)




    
    get element by id


    Google
    
this is a text

 第2关：通过类名获取文档元素

头歌-JavaScript基础插图(18)




    
    get element by name


    头歌-JavaScript基础插图(19)
    
    This is quote
    
This is what you should get

 第3关：通过标签名获取文档元素

头歌-JavaScript基础插图(20)




    
    get element by id



    
        EduCoder
        FaceBook
    
    
        Twitter
        
        NUDT
    
    
this is a text

第4关：html5中获取元素的方法一

头歌-JavaScript基础插图(21)




    


    
你需要获得的元素是我

    
是楼上

    
是楼上的楼上

第5关：html5中获取元素的方法二

头歌-JavaScript基础插图(22)




    


    
你需要获得的元素是我

    
包括我

    
还有我

第6关：节点树上的操作

头歌-JavaScript基础插图(23)




    



	
		
文本

		超链接
	
	
		
			红
			黄
			蓝

 第7关：属性值的获取

头歌-JavaScript基础插图(24)




    


    

    头歌-JavaScript基础插图(25)
 




    


    

    This is form
    
    


 
未完待续。。。
本站无任何商业行为
个人在线分享 » 头歌-JavaScript基础
admin

admin 钻石

分享到：

相关推荐

E-->