JavaScript基本控制流程，对象数组/数组遍历方式

JavaScript基本类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript基本类型</title>
</head>
<body>
    <script>
        //1，基本数据类型（同PHP）
        // 1.1原始类型 number string boolean
        //示例：类型查看关键字 typeof
        var name= "admin";
        var age = 80;
        var flag = true;
        console.log(typeof name,typeof age,typeof flag);
        //输出结果分别：string number boolean
        //1.2  特殊类型  null undefined（都有表示无和空的意思，但是运用结果还是有区别的）
        //查看类型
        console.log(typeof null);//object对象类型
        console.log(typeof undefined);//undefined
        console.log(null + 100);//结果0
        console.log(undefined + 100);//结果NaN(not a number)表示不是一个数值
        // 1.3对象类型
        //数组:可以是一维，也可以是多维。。length表示数组里面有几个元素
        var arr=['name','age',['add','sex','height',[20,1000]]];
        var tel="138";
        console.log(arr,tel,arr[1]);//重新标准：加双引打印字符串，不加打印变量
        //判断是否为数组使用函数Array.isArray检查不是typeof
        console.log(Array.isArray(arr));//结果为true（array)数组
        // 遍历数组
        for(var i=0; i<arr.length;i++)
        {
            console.log(arr[i]);
            window.document.write(arr[i] + "\n");
        }
        //forEach数组对象上的方法
        // arr.forEach(回调(元素,索引,当前数组){}) //(参数可以随便写，只要自己记得就可以了)
        arr.forEach(function(item,so,acc){
            // window.document.write(item,"\n");
            //注意字符串拼接时候的+=不可以使用空格
            document.body.innerHTML += "<p>" + item + "</p>";
        });
        //使用slice获取数组部分元素
        // document.body.innerHTML = "<p>" + arr.slice(0,2) + "</p>";
        window.document.write(arr.slice(2,3));
        //使用splice插入/删除/更新数据
        //arr.splice(开始索引,删除几个0表示不删除,需要更新的数据)
        arr.splice(1,0,"Pet Name","nation");//插入
        console.log(arr);
        arr.splice(4,1,"秘密不公开了");//替换
        console.log(arr);
        // arr.splice(0,1);//删除。
        var res=arr.splice(0,1);//删除可以给他返回值保存到变量中。
        console.log(arr);
        console.log(res);//打印被删除的值
        // 1.4对象数组 类似PHP关联数组
        var user = {
            // 语法（键:值）
            id:100,
            account: "admin",
            username: "管理员",
            //js中如出现空格或其他非法字符可以使用“”
            "other info":{
                password:123456,
                bank:10010010,
                balance:202020,
            },
        };
        console.log(user.account);
        //规范写法需要[""]
        console.log(user["other info"]["bank"]);
        console.log("............");
        //遍历对象数组 for in
        // for(键 in 对象){
        //     对象[键]
        // }
        for(keys in user){
            console.log(user[keys]);
        }
        console.log("......forEach......");
        //forEach变量对象数组
        var keys = Object.keys(user);//先获取键名数组（固定写法）
        keys.forEach(function(item,index,arr){
            console.log(this[item]);
        },user);
    </script>
</body>
</html>

JS基本控制流程

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js流程控制</title>
</head>
<body>
<script>
    var age = 2;
    if (age >= 20) {
        console.log("我长大了");
        //注意：else加空格在写if
    } else if (age < 20 && age > 8) {
        console.log("在读学生");
    } else {
        console.log("小屁孩一枚");
    }
    switch (true) {
        case age >= 20:
            console.log("我长大了");
            break;
        case age < 20 && age > 8:
            console.log("在校学生");
            break;
        default:
            console.log("我是小宝宝");
            break;
    }
</script>
</body>
</html>

JavaScript基本类型

JS基本控制流程

总结：些这些js代码等于复习了PHP课程。不过细节方面还是要区分的，不然也是容易出错。

相关文章