js变量和数据类型

Posted 等风者

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js变量和数据类型相关的知识,希望对你有一定的参考价值。

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>

 

   

以上是关于js变量和数据类型的主要内容,如果未能解决你的问题,请参考以下文章

Python学习总结

js声明引入和变量声明和变量类型变量

01JS.变量数据类型运算符

js和jsp之间相互传值

JavaScript笔试题(js高级代码片段)

54js的数据类型及对象