js数据类型

来源：互联网发布：淘宝的读书软件编辑：程序博客网时间：2024/06/06 02:59

什么是数据？

计算机里面看到的所有东西都是数据；

为了更好的使用数据，js分成5种数据类型。

五种数据类型：

数值型--number 例子：1 2 1.34 36 等。
字符串型--string 例子：‘呵呵哒’ ‘ABCDEFG’ '123'，注意：字符串类型的数据如果要相加，那就相当于把两个字符串做了一次简单的连接操作 ‘abc’ + ‘cdg’ = ‘abccdg’。
布尔型--boolean 例子：true false 只有这两个值代表真和假。
对象型--object 例子：是一种复杂数据类型，默认值是null
未定义--underfined 代表没有定义，它只有一个值，就是它自己。

js如何检测数据类型?

用-typeof() 例子： var num001 = ‘007’； alert(typeof(num001))；结果是007001.

js如何转换数据类型：

用-parseInt() 将字符串转化为数值类型。var num001 = ‘1000’； var num002 = ‘2000’； alert(parseInt(num001)+parseInt(num002))；结果是3000。

var num01,num02,num03,num04,num04;num01 = 1234;num02 = '1234';num03 = true;num04 = null;document.write('num01的类型是：' + typeof(num01) + '<br />');document.write('num01的类型是：' + typeof(num01) + '<br />');document.write('num02的类型是：' + typeof(num02) + '<br />');document.write('num03的类型是：' + typeof(num03) + '<br />');document.write('num04的类型是：' + typeof(num04) + '<br />');document.write('num05的类型是：' + typeof(num05) );

结果是：

num01的类型是：number
num02的类型是：string
num03的类型是：boolean
num04的类型是：object
num05的类型是：undefined

自定义函数的书写： function fn(){} ;

-定义函数关键字function；

-函数名称fn；例：num1 num2；

-参数集()

-函数体{}

如何调用？-fn()；也就是使用函数；

例：

function num001(name){

alert(‘你好’ +name)

}

num001('奥巴马')；

自定义函数存在的最大意义，在于简化代码！

例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><style type="text/css">div {width:300px; height: 100px; border: 1px solid red; background-color:#ccc; display: none;}</style><body>      <button id="btn01">按钮01</button>      <button id="btn02">按钮02</button>       <button id="btn03">按钮03</button>        <div id="div01">box01</div>      <div id="div02">box02</div>      <div id="div03">box03</div></body></html><script type="text/javascript">    function btnDisplay(par01,par02){ var mybtn = document.getElementById(par01)     var mybox = document.getElementById(par02) mybtn.onclick = function(){ mybox.style.display ='block'}; } btnDisplay('btn01','div01'); btnDisplay('btn02','div02'); btnDisplay('btn03','div03');</script>

阅读全文

0 0