javascript 中的数据类型及语句的运用

一、实例演示 javascript 中的各种数据类型

1. 基础类型(值类型)：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）；

2. 对象类型(引用类型)：对象(Object)、数组(Array)、函数(Function)。

代码部分

    <script>
        //我是字符串
        let a = 'abc';
        console.log(a);
        console.log(typeof a + '，变量a' + '：是字符串');
        console.log('________________________');
        // 我是数值
        let b = 10;
        console.log(b);
        console.log(typeof b + '，变量b' + '：是数值');
        console.log('________________________');
        // 我是布尔值
        let c = true;
        let d = false;
        console.log(c + ' 和 ' + d);
        console.log(typeof c + '、' + typeof d + '，变量c和变量d' + '：是布尔值');
        console.log('________________________');
        // 我是未定义的
        let e;
        console.log(e);
        console.log(typeof e + '，变量e' + '：是未定义默认值');
        console.log('________________________');
        // 我是空值
        let f = null;
        console.log(f);
        console.log(typeof f + '，变量f' + '：是空值');
        console.log('________________________');
        // 我是数组
        let g = ['苹果', '香蕉']
        console.log(g);
        console.log(g[0], g[1]);
        console.log(typeof g + '，变量g' + '：是数组');
        console.log('________________________');
        // 我是对象
        let h = {
            姓名: "张三",
            国籍: "中国",
            年龄: 38,
        }
        console.log(h);
        console.log('姓名：' + h.姓名 + '、' + '国籍：' + h.国籍 + '、' + '年龄：' + h.年龄 + '岁');
        console.log(typeof h + '，变量h' + '：是对象');
        console.log('________________________');
        // 我是函数
        function i(x, y) {
            z = x + y;
            return z;
        }
        i('PHP中文网，', '加油！')
        console.log(z);
        console.log(typeof i + '，变量i' + '：是函数');
    </script>

浏览器效果

二、实例演示 javascript 中的常用语句

2.1 if语句

    <script>
        let i = 120;
        if (i >= 100) {
            console.log('大爷，你都100了，赶紧回家谢这区吧！');
        }
    </script>

2.2 if…else语句

    <script>
        let i = 45;
        if (i >= 60) {
            console.log('还不错及格了！');
        } else {
            console.log('考的啥玩意，及格线都没过！');
        }
    </script>

2.2 do…while语句

    <script>
    // 小明搬砖头
    // 一天要搬2000块结束，用变量“s”表示
    // 一趟搬10块 用常量“l”表示
    // 问搬多少趟才能搬完？
    // 趟数用变量“i”表示
    let i = 0 ;
    const l = 10;
    do {
        i ++;
        s = i * l;
    } while (s < 2000);
    console.log(i);
    </script>

2.3 while语句

    <script>
        let s = 0;
        let i = 0;
        const l = 10;
        while (s < 2000) {
            i++
            s = l * i;
        }
        console.log(i);
    </script>

2.4 for语句

    <script>
        const l = 10;
        let s = 0;
        for (i = 0; s < 2000; i++) {
            console.log(i);
            s = l * i;
        }
    </script>

2.5 for…of语句

可以通过：values(值)、keys(键)、entries(键和值)获取键名和键值。

    <script>
        let car = ['奥迪','奔驰','宝马']
        for (let item of car) {
            console.log(item);
        }
    </script>

2.6 for…in语句

    <script>
        // 我是数组
        let car = ['奥迪', '奔驰', '宝马']
        // 我是对象
        let obj = {
            苹果:8000,
            华为:5000,
            小米:3000,
        }
        for (let key in car) {
            console.log(car[key]);
        }
        for (let key in obj) {
            console.log(obj[key]);
        }
    </script>

2.7 for…in语句

    <script>
        let a = 90;
        switch (true) {
            case a < 60:
                console.log("你好垃圾");
                break;
            case a >= 60 && a < 80:
                console.log("成绩还行");
                break;
            case a >= 80 && a < 90:
                console.log("成绩优秀");
                break;
            case a >= 90 && a < 100:
                console.log("你是别人家的孩子");
                break;
            default:
                console.log("你牛逼上天了");
        }
    </script>