例子

一、简单的数据类型

<script>
        // 简单的数据 number,string,boolean
        var a  = 10;
        var str= "hello world";
        var b = true;
        // typeof判断数据的类型
        console.log(typeof a);
        console.log(typeof str);
        console.log(typeof b);
    </script>

二、复杂的数据类型

<script>
        // 复杂(引用)数据类型
        // Array,Object,Function
        let arr = [1,2,3,4];
        // length获取数组的长度
        console.log(arr.length)
        // [1,2,3,4,5]  push()  向数组的最后面添加一个值
        arr.push(5);
        console.log(arr)
    </script>

数据类型之间的转换

1.转number型

 <script>
        // number,string,boolean
        // 强制转换
        // string,boolean-->number Number(value)
        /* string-->number 只能识别纯数字的字符串 */
        var str = "10";
        var s= "hello world";
        var t = "2121fsf";
        var num = Number(str);
        console.log(num);
        console.log(Number(s)); //NaN  不是一个数字
        console.log(Number(t));
    </script>

<script>
        /* 
        boolean-->number
        true-->1
        false -->0
         */
         var b = true;
         var f = false;
         console.log(Number(b));
         console.log(Number(f));
    </script>

2.转boolean型

<script>
    // number,string--> Boolean(value)
    /* 
    特殊:0-->false;
     */
    var a = 0;
    var b =-1;
    var c = 20;
    // console.log(Boolean(a));
    // console.log(Boolean(b));
    // console.log(Boolean(c));
    // string -->Boolean(value)
    /* 
    特殊:""-->false
     */
    var str = "hello world";
    var s = " ";
    var t = "";
    console.log(Boolean(t));
</script>

parseInt，parseFloat 字符串转化为数值

parseInt() 函数可解析一个字符串，并返回一个整数。 parseFloat() 函数可解析一个字符串，并返回一个浮点数。

 <!-- 1.任意--number -->
    <script>
        // Number
        // parseInt()
        // parseFloat()
        var str = "12.1212px";
        console.log(parseInt(str));
        console.log(parseFloat(str));
    </script>

tostring()

NumberObject.toString(radix) toString() 方法可把一个 Number 对象转换为一个字符串，并返回结果。 当 radix 为 2 时，NumberObject 会被转换为二进制值表示的字符串。 String() 函数把对象的值转换为字符串。

 // String()   toString()  +""
        var a = 10;
        console.log(typeof a.toString())//string
        console.log( a.toString())//10
        console.log( a.toString(2))//1010

1-3 数据类型

    <!-- 基本类型,复杂类型(引用类型) 按其在内存中的位置进行区分的-->
    <!-- 基本类型  -->
    <script>
        // 0-1
        // number,string,boolean
        // typeof操作符去判断一个数据的类型
        var num  = 10;
        var b = 10.12;
        console.log(typeof num);
        console.log(typeof b);
        // 使用单引号,或者双引号包裹的就是string
        var str = "hello world";
        var s = 'hello'
        console.log(typeof str)
        console.log(typeof s);
        // boolean true,false
        var c = true;
        var d = false;
        console.log(typeof c);
        console.log(typeof d);
    </script>

引用数据类型 typeof Array

        // typeof 不能识别数组  object
        //数组 []  
        // Array.isArray  输出的是boolean
        var arr = [1,2,3];
        var all = ["html","css","js"];
        console.log(typeof arr);//输出数据类型
        console.log(Array.isArray(arr));
        // 属性 length  可以读取数组的长度
        console.log(arr.length)
        // 数组的下标从0开始  
        console.log(all[0])
        // 下标越界之后输出undefined
        console.log(arr[100])