js变量和数据类型

Posted 2020-12-12 等风者

1、js是弱类型的语言，变量统一用var声明，也可以不写var，变量的类型随着值发生变化。

　　num = 100; note = “100”;
　　var num = 100; var note = “100”;

2、变量的命名规范

　　变量名区分大小写
　　只能含有字母 、数字 、下划线_ 、美元符号$
　　不能以数字开头
　　不能使用关键字和保留字
3、变量的命名建议
　　变量名尽可能的短，抓住要点
　　使用有意义的短语命名
　　推荐常用的驼峰命名法
4、js数据类型

 

 

 

 

 

 

　　

 

 

 

 

5、使用typeof操作符查看变量的类型

<script type="text/javascript">
//定义一个变量，只能用var声明，或者什么都不写
/* var a=5;
alert(a);
*/
//==========js的数据类型========
    //======数值类型=====
    var a=2; //int a=2
    //alert(typeof a);
    a=3.4;
    //alert(typeof a)
    //========字符串可以用单引号或双引号引起来=======
    //a="hello";
    a=\'hello\';
    //alert(typeof a);
    //=====boolean类型  true/false
    a=true;
    //alert(typeof a);
    
    //===null值:是object类型=====
    a=null;
    //alert(typeof a);
    
    //undefined类型，不确定
    var b;
    alert(typeof b);
</script>

6、js类型转换

     隐式类型转换、显式类型转换（将一个变量或表达式强制转换成特定的数据类型）

     显式类型转换有3种类型：1、变成字符串类型   2、变成boolean类型   3、变成number类型

    

 //1、变成字符串类型  String()   toString()方法
    /*
     var a=34;
     b=String(a);//b=a+"";
     c=a.toString();
     alert(typeof b+"==="+typeof c);//string===string
     */
     
     //2、转成boolean类型  Boolean() 该方法可以将0，null,"",undefinded,NaN变成false；其他的都是true
     /*
     var a=0;
     var b=23;
     alert(Boolean(a)+"==="+Boolean(b));*/
    
     //3、转成数值类型
     //NaN:变量  not a number 不是一个数值
     //parseInt()  将参数变成整数类型，如果不能转，返回NaN
       /* var a=\'12a\';
       var b=\'12.3a\';
       var c=\'a12\';
       var d=\'1a2\';
       alert(parseInt(a));//12
       alert(parseInt(b));//12
       alert(parseInt(c));//NaN
       alert(parseInt(d));//1 */
       
     //parseFloat()将参数截取数值部分，如果不能截取返回NaN
      /*  var a=\'12a\';
       var b=\'12.3a\';
       var c=\'a12\';
       var d=\'1.3a2\';
       alert(parseFloat(a));//12
       alert(parseFloat(b));//12.3
       alert(parseFloat(c));//NaN
       alert(parseFloat(d));//1.3
        */
     //Number()  参数只能是数字，否则返回NaN   用的最多
       var a=\'12a\';
       var b=\'12.3a\';
       var c=\'a12\';
       var d=\'1.32\';
       alert(Number(a));//NaN
       alert(Number(b));//NaN
       alert(Number(c));//NaN
       alert(Number(d));//1.32
</script>

7、运算符（执行变量或值之间运算的符号）和表达式

   运算符：算法运算符、赋值运算符、比较运算符（===全等于  !==）、逻辑运算符、三元运算符

8、几个练习题

<script type="text/javascript">
    function dem1() {
        sum=0;
        for (var i = 1; i <=100; i+=2) {
            sum+=i;
        }
        document.write("1-100的偶数"+sum);
    }
    function dem2() {
        for (var i = 1; i <=9; i++) {
            for (var j = 1; j <=i; j++) {
                document.write(j+"*"+i+"="+(i*j)+"\\t\\t");
            }
            document.write("<br>");
        }
        
    }
    function dem3() {
        for (var i = 1; i <=5; i++) {
            for (var j = 1; j <=6-i; j++) {
                document.write("*");
            }
            document.write("<br>");
        }
    }
</script>
<button onclick="dem1()">1-100偶数</button>
<button onclick="dem2()">乘法表</button>
<button onclick="dem3()">倒三角</button>