JavaScript

一、JavaScript

　　1、概述：

　　　　(1)、Javascript的国际标准是ECMAScript。JavaScript前身是LiveScript，后改为JavaScript。

　　　　(2)、JavaScript是一种基亍对象和事件驱动、且可以与HTML标记语言混合使用的脚本语言，其编写的程序可以直接在浏览器中解释执行。

　　　　(3)、对亍很多初学者而言，往往会将JavaScript脚本语言与JAVA编程语言混为一谈。实际上从本质上来说，这二者并没有什么必然的联系。

　　2、JavaScript与Java的区别。

　　　　

 

二、JavaScript变量

　　<script type="text/javascript">
    "use strict"

    var a = 10;
    var date = new Date();

    //js的语言是抄袭java，注释和java一样
    //js使用console.log(变量)
    console.log(date)

    function func(){
        abc = 110;
        console.log(abc)
        console.log(a)
    }
    func();

    console.log(abc)

　　</script>

三、JavaScript数据类型。
　　    <script type="text/javascript">

        /*
         6种常用的数据类型，查看变量的数据类型使用typeof
         1.undefined 声明一个变量并没有为其赋值
         2.null 声明一个变量，并为其赋值为null
         3.boolean 声明一个变量，为其赋值为ture或false
         4.string 声明一个变量，为其赋值为字符串（单引号和双引号都可以）
         5.number 数值型 1.整型 、 2.浮点型 、 3.正负无穷大 、 4.NaN = Not a Number
         6.object 对象型
         */

        function testDataType() {
            var a;
            console.log(typeof a, a);

            var b = null;
            console.log(typeof b, b);

            var c = true;
            console.log(typeof c, c);

            var d = '123';
            console.log(typeof d, d);

            var e1 = 123;  //整型
            console.log(typeof e1, e1);
            var e2 = 123.45;  //浮点型
            console.log(typeof e2, e2);
            var e3 = 1/0; //Infinity无穷大
            console.log(typeof e3, e3);
            var e4 = Number("haha");  //NaN = Not a Number
            console.log(typeof e4,e4)

            var f = new Array();
            console.log(typeof f,f);
        }
        //testDataType();

        function transferNumber(){
            var b1 = false;
            var n1 = Number(b1);
            console.log(n1);

            var c = null;
            var n2 = Number(c);
            console.log(n2);

            var e;
            var n3 = Number(e);
            console.log(n3);

            var f = "fadsf123123adfds";
            var n4 = Number(f);
            console.log(n4);


            var nullstr = "";
            var n5 = Number(nullstr);
            console.log(n5);

        }

        transferNumber();

        function transferString(){
            var a = null;
            var b;
            console.log(String(a));
            console.log(String(b));

            var c = true;
            console.log(String(c));
        }
//        transferString();

        function transferBoolean(){
            var a = "";
            var b;
            var c = null;
            var d = 0;
            var e = Number("haha");

            console.log(Boolean(a));
            console.log(Boolean(b));
            console.log(Boolean(c));
            console.log(Boolean(d));
            console.log(Boolean(e));

            console.log(Boolean("kjhasdkjfhs"));
            console.log(Boolean(123));

        }

//        transferBoolean();

    </script>

四、JavaScript运算符。
　　　<script type="text/javascript">

    // "=" 赋值运算符
    // "==" 等值符，如果数据类型不一致，会先进行数据类型自动转换
    // "===" 等同符，不会发生数据类型的自动转换

    console.log(5 + 4);
    console.log(5 - 4);
    console.log(5 * 4);
    console.log(5 / 4);
    console.log(5 % 4);
    var a = 10
    console.log(a++);  //10
    console.log(++a);  //12
    console.log(a--);  //12
    console.log(--a);  //10
    a += 1;
    console.log(a); // 11
    a -= 1;
    console.log(a); //10

    var f1 = true;

    var f2 = false;

    var str1 = "aaa";
    str1 += "bbb";
    console.log(str1);

    console.log(5 > 4 ? "是的" : "否")
</script>

五、JS分支循环

　　<script type="text/javascript">
    var age = 20;
    /* if(age >= 18)
     alert("做苦力！");
     else
     alert("未成年人，请保护。");

     alert("hi")*/
    var day = "11";
    switch (day) {
        case "monday":
            console.log("星期一");
            break;
        case "tuesday":
            console.log("星期二")
            break;
        case "wednesday":
            console.log("星期三")
            break;
        default:
            console.log("不上班")
    }

    /*循环语句*/
    var num = 10;
    while (num > 0) {
        console.log(num);
        num--;
    }

    var num2 = 10;
    do {
        console.log(num2)
        num2--
    } while (num2 > 0);


    for (var i = 0; i <= 10; i++) {
        console.log(i);
    }

    var arr = [123, 321, 11, 22, 33, "44", "55", "66", true, new Date()];  //数组
    /* for (var i = 0; i < arr.length; i++) {
     console.log(arr[i]);
     }*/
    for (var ele in arr) {
        // ele是下标
        console.log(arr[ele]);
    }

    //continue表示跳出当次循环，继续下次循环
    for (var i = 1; i <= 10; i++){
        if(i == 5){
            continue
        }
        console.log(i);
    }

    //break表示跳出整个循环
    for (var i = 1; i <= 10; i++){
        if(i == 5){
            break
        }
        console.log(i);
    }

　　</script>

六、JS数组

创建数组
1.创建一个空数组
var arr = new Array();
2.创建一个具有长度的空数组
var arr2 = new Array(size)
3.创建一个具有元素的数组
var arr3 = new Array(ele1,ele2, ... ,eleN)
4.创建一个空数组或具有元素的数组
var arr4 = [ele1,...,eleN]

数组属性
length 表示数组的长度，可以利用该属性清空数组（length = 0）

数组方法
push( ele )：向数组的尾部添加一个元素，返回数组的新长度
unshift( ele)： 向数组的头部添加一个元素，返回数组的新长度
pop()：从数组的尾部取出一个元素，返回该元素本身
shift()：从数组的头部取出一个元素，返回该元素本身
join( ele ) : 使用指定的ele字符连接数组中的每个元素，并将其作为一个字符串返回
concat( arr1,arr2,...,arrN )：拼接给定的数组元素，返回一个新数组
reverse()：反转数组
sort()：对数组的元素进行排序（自然顺序）
splice(start,count,newEle)：从一个数组中移除一个或多个元素，如果必要，在所移除元素的位置上插入新元素，返回所移除的元素。
参数：
start 开始索引
count 移除元素的数量
newEle 要加入的新元素，该参数可以省略
slice(start，end)：截取数组的一段，返回一个新数组
参数：
start 开始索引
end结束索引（不包含），该参数可以省略（截取到数组末尾）

遍历数组
for (var i = 0 ; i< 数组的长度;i++)
for (var arrIndex in 数组)