JS的数据类型

Posted 2021-03-15 珍惜缘份

ECMAScript：标准、JS的核心

html标签类型：block、inline、inline-block、table......

JS中的数据类型：数字、字符串、布尔、函数、对象(obj、[数组]、{json}、null)、未定义

typeof 判断数据类型

 

数字类型

var i = 100;

alert(typeof i); // number

 

 

字符串类型

var s = "miaov";

alert( typeof s ); // string

alert( s.length ); // 5 (空格也算)字符串类型可以获取长度

alert( s.charAt(2) ); // a 根据子字符串的下标去获取你想要的字符串

 

 

布尔值：true false

 

var b = true;

alert( typeof b ); //boolean

 

 

 

 

函数

var fn = function (){ alert(1); };

fn(); // 1

function fn1(){

    alert(2);

}

alert( fn1 ); // function fn1(){ alert(2); }

fn1(); // 2

 

var obj = document;

alert( typeof obj ); // object 物体、东西、对象

obj.abc = 123; // object 可以添加自定义属性 只要不是空的就可以

obj.onOff = true;

alert( document.abc ); // 123

obj.fn1 = function(){ alert(1); }; //添加方法

alert( document.onOff ); // true

obj.fn1(); // 1

 

 

对象:(obj、[数组]、{json}、null)

var arr = [ 1,2,3,4 ];

alert( arr.length ); // 4

arr[2] = 345;

alert( arr ); // 1 2 345 4

arr.push( 5,6,7 ); 

alert( arr ); // 1,2,345,4,5,6,7

alert( typeof arr ); // object 数组也是object类型

arr.abc = 999;

alert( arr.abc ); // 999

arr.fn1 = function(){ alert("OK"); };

arr.fn1(); // OK

 

var json = { name:"JS", age:1 };

alert( json.name + "学习" + json.age + "年了" ); // JS学习1年了

alert( typeof json ); // object

 

var n = null;

alert( typeof n ); // object

//空值无法添加自定义属性 比如：生成一堆div 读到这行还没添加 可以设为null 等有了在添加

 

 

未定义

var u;

alert( typeof u ); // undefined 未定义 不加typeof也是未定义  

//它的存在表示一种状态：你写的程序出问题了