Javascript基础1

javascript的数据类型

Null & Undefined类型

Null类型:
null 则用于表示尚未存在的对象）。如果函数或方法要返回的是对象，那么找不到该对象时，返回的通常是 null。
<script>
    var x;     // 声明的变量未初始化时，默认值是undefined
    function f() {}  //当函数无明确返回值时，返回值是undefined/
    console.log(x);   // undefined
    console.log(f()); // undefined
</script>

运算符

算术运算符：
    +   -    *    /     %       ++        -- 

比较运算符：
    >   >=   <    <=    !=    ==    ===   !==

逻辑运算符：
     &&   ||   ！

赋值运算符：
    =  +=   -=  *=   /=

字符串运算符：
    +  连接，两边操作数有一个或两个是字符串就做连接运算

• i++先引用，再计算
• ++i先计算，再引用

i=10;
res = i++;
console.log(res);  // 10
console.log(i);    // 11

Javascript的对象

在JavaScript中除了null和undefined以外其他的数据类型都被定义成了对象，也可以用创建对象的方法定义变量，String、Math、Array、Date、RegExp都是JavaScript中重要的内置对象，在JavaScript程序大多数功能都是基于对象实现的。

函数对象

函数的定义
function 函数名 (参数){

函数体;
return 返回值;
}
函数对象的属性

<script>
    function foo(a,b,c) {
        return a+b+c;
    }
    console.log(foo(1,2,3));

    // arguments的用处
    function add() {
        sum=0;
        for(i=0;i<arguments.length;i++){
            sum += arguments[i];
        }
        return sum
    }
    console.log(add(1,2,3,4,5,6,7,8,9));  // 45

    // 匿名函数
(function(arg){console.log(arg);})("zou");
</script>

String对象

var s1 =" hello|world ";
var s2 = new String("hello world");
字符串对象的属性和函数

<script>
    var s1 =" hello|world ";
    var s2 = new String("hello world");
    console.log(s1);
    console.log(typeof s1);   // string
    console.log(s2);
    console.log(typeof s2);  //object


//    字符串对象的属性和函数
    var s1 =" Hello|World ";
    console.log(s1.length) //获取字符串的长度
    console.log(s1.toLowerCase());  // 转为小写
    console.log(s1.toUpperCase());  // 转为大写
    console.log(s1.trim());   // 去除字符串两边浮动
    console.log(s1.trim().length);

    console.log(s1.charAt(1));  // 索引拿字符
    console.log(s1.indexOf("|"));     //字符拿索引

    console.log(s1.match("ello"));    //   ["ello", index: 2, input: " Hello|World "]
                                     // match返回匹配字符串的数组，如果没有匹配则返回null
    console.log(s1.search("Hello"));  // 1  search返回匹配字符串的首字符位置索引

    console.log(s1.substr(1,10));    // Hello|Worl  字符串截断（顾尾）
    console.log(s1.substring(1,10)); // Hello|Wor   字符串截断（不顾尾）

//  字符串切片操作 等价于python的[]
    console.log(s1.slice(1,5));  // Hell
    console.log(s1.slice(0,-2));  //  Hello|Worl

    console.log(s1.replace("H","h"));  // hello|World 字符串替换

    console.log(s1.split("|"))  // [" Hello", "World "] 字符串切割


    console.log(s1.concat("zouruncheng"));  //  Hello|World zouruncheng  字符串拼接
</script>

Array数组对象

三种创建方式

<script>
    var l1 = [1,"zou",2,"run"];
    var l2 = new Array([1,"zou",2,"run"]);
    var l3 = new Array(4);
         l3[0]=1;
         l3[1]="zou";
         l3[2]=2;
         l3[3]="run";
</script>

数组对象的属性和方法

<script>
    //数组对象的属性和方法
    var l1 = [1,"zou",2,"run"];

//        join方法
    console.log(l1.join("-"));  // 1-zou-2-run  将数组拼接成字符串

//        concat拼接数组
    console.log(l1.concat(3,"cheng"));    //     [1, "zou", 2, "run", 3, "cheng"]
    console.log(typeof l1.concat([3,"cheng"]));  // object
    console.log(l1.concat(3,"cheng").toString());  // "1,zou,2,run,3,cheng"
    console.log(typeof l1.concat(3,"cheng").toString()); // string

//    数组排序
    var l2 = [12, 23 ,44, 100];
    console.log(l2.reverse());  // [100, 44, 23, 12]  颠倒数组元素
    console.log(l2.sort());    //  [100, 12, 23, 44]     默认按第一个字符asc码大小比较
    function foo(a,b) {
        return a-b;
    }
    console.log(l2.sort(foo));    //[12, 23, 44, 100]

    // 数组切片操作
    var l2 = [12, 23 ,44, 100];
    console.log(l2.slice(1,3));  //  [23, 44]
    console.log(l2.slice(1,-1));  //  [23, 44]

//    删除子数组和替换
    var a = [0,1,2,3,4,5,6,7,8,9] ;
    console.log(a.splice(1,2));  // [1, 2]
    console.log(a);              // [0, 3, 4, 5, 6, 7, 8, 9]
    console.log(a.splice(10,0,11,12,13,13));  // [] 插入时返回空
    console.log(a);   // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 11, 12, 13, 13]
    console.log();


//        数组的push和pop：
    var a = [0,1,2,3,4,5,6,7,8,9] ;
    a.push(10);
    console.log(a);  // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    a.pop();
    console.log(a);  // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

    a.unshift(4,5);
    console.log(a); // [4, 5, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
    a.shift();
    console.log(a);  // [5, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

</script>

Date对象

创建Date对象

//方法1：不指定参数
var nowd1=new Date();
alert(nowd1.toLocaleString( ));
//方法2：参数为日期字符串
var nowd2=new Date("2004/3/20 11:12");
alert(nowd2.toLocaleString( ));
var nowd3=new Date("04/03/20 11:12");
alert(nowd3.toLocaleString( ));
//方法3：参数为毫秒数
var nowd3=new Date(5000);
alert(nowd3.toLocaleString( ));
alert(nowd3.toUTCString());

//方法4：参数为年月日小时分钟秒毫秒
var nowd4=new Date(2004,2,20,11,12,0,300);
alert(nowd4.toLocaleString( ));//毫秒并不直接显示

Date对象的方法

获取日期和时间
getDate()                 获取日
getDay ()                 获取星期
getMonth ()               获取月（0-11）
getFullYear ()            获取完整年份
getYear ()                获取年
getHours ()               获取小时
getMinutes ()             获取分钟
getSeconds ()             获取秒
getMilliseconds ()        获取毫秒
getTime ()                返回累计毫秒数(从1970/1/1午夜)

输出年月日星期

function getCurrentDate(){
        //1. 创建Date对象
        var date = new Date(); //没有填入任何参数那么就是当前时间
        //2. 获得当前年份
        var year = date.getFullYear();
        //3. 获得当前月份 js中月份是从0到11.
        var month = date.getMonth()+1;
        //4. 获得当前日
        var day = date.getDate();
        //5. 获得当前小时
        var hour = date.getHours();
        //6. 获得当前分钟
        var min = date.getMinutes();
        //7. 获得当前秒
        var sec = date.getSeconds();
        //8. 获得当前星期
        var week = date.getDay(); //没有getWeek
        // 2014年06月18日 15:40:30 星期三
        return year+"年"+changeNum(month)+"月"+day+"日 "+hour+":"+min+":"+sec+" "+parseWeek(week);
    }

alert(getCurrentDate());

//解决 自动补齐成两位数字的方法
    function changeNum(num){
    if(num < 10){
        return "0"+num;
    }else{
        return num;
    }

}
//将数字 0~6 转换成 星期日到星期六
    function parseWeek(week){
    var arr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
    //             0      1      2      3 .............
    return arr[week];
}

Math对象

//该对象中的属性方法 和数学有关.
   

abs(x)    返回数的绝对值。
exp(x)    返回 e 的指数。
floor(x)对数进行下舍入。
log(x)    返回数的自然对数（底为e）。
max(x,y)    返回 x 和 y 中的最高值。
min(x,y)    返回 x 和 y 中的最低值。
pow(x,y)    返回 x 的 y 次幂。
random()    返回 0 ~ 1 之间的随机数。
round(x)    把数四舍五入为最接近的整数。
sin(x)    返回数的正弦。
sqrt(x)    返回数的平方根。
tan(x)    返回角的正切。

//方法练习:
        //alert(Math.random()); // 获得随机数 0~1 不包括1.
        //alert(Math.round(1.5)); // 四舍五入
        //练习：获取1-100的随机整数，包括1和100
             //var num=Math.random();
             //num=num*10;
             //num=Math.round(num);
             //alert(num)
        //============max  min=========================
        /* alert(Math.max(1,2));// 2
        alert(Math.min(1,2));// 1 */
        //-------------pow--------------------------------
        alert(Math.pow(2,4));// pow 计算参数1 的参数2 次方.