小白教程
所有教程
关于
Search
172.71.254.57
172.71.254.57
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“JavaScript 数据类型”的源代码
本页内容
上一节:
JavaScript_变量
下一节:
JavaScript_函数
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:JavaScript 数据类型}}[[Category:Javascript 教程|10]] = JavaScript 数据类型 = '''值类型(基本类型)''':字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。 '''引用数据类型(对象类型)''':对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。 <blockquote>'''注:'''Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。 </blockquote> == JavaScript 拥有动态类型 == JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型: <sample title="" desc="" lang="html" hererun="1"> var x; // x 为 undefined var x = 5; // 现在 x 为数字 var x = "John"; // 现在 x 为字符串 </sample> 变量的数据类型可以使用 typeof 操作符来查看: <sample title="" desc="" lang="html" hererun="1"> typeof "John" // 返回 string typeof 3.14 // 返回 number typeof false // 返回 boolean typeof [1,2,3,4] // 返回 object typeof {name:'John', age:34} // 返回 object </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <p> typeof 操作符返回变量或表达式的类型。</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = typeof "john" + "<br>" + typeof 3.14 + "<br>" + typeof false + "<br>" + typeof [1,2,3,4] + "<br>" + typeof {name:'john', age:34}; </script> </body> </html> </run> == JavaScript 字符串 == 字符串是存储字符(比如 "Bill Gates")的变量。 字符串可以是引号中的任意文本。您可以使用单引号或双引号: <sample title="" desc="" lang="html" hererun="1"> var carname="Volvo XC60"; var carname='Volvo XC60'; </sample> 您可以在字符串中使用引号,只要不匹配包围字符串的引号即可: <sample title="" desc="" lang="html" hererun="1"> var answer="It's alright"; var answer="He is called 'Johnny'"; var answer='He is called "Johnny"'; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <script> var carname1="Volvo XC60"; var carname2='Volvo XC60'; var answer1='It\'s alright'; var answer2="He is called \"Johnny\""; var answer3='He is called "Johnny"'; document.write(carname1 + "<br>") document.write(carname2 + "<br>") document.write(answer1 + "<br>") document.write(answer2 + "<br>") document.write(answer3 + "<br>") </script> </body> </html> </run> 您将在本教程的高级部分学到更多关于字符串的知识。 == JavaScript 数字 == JavaScript 只有一种数字类型。数字可以带小数点,也可以不带: <sample title="" desc="" lang="html" hererun="1"> var x1=34.00; //使用小数点来写 var x2=34; //不使用小数点来写 </sample> 极大或极小的数字可以通过科学(指数)计数法来书写: <sample title="" desc="" lang="html" hererun="1"> var y=123e5; // 12300000 var z=123e-5; // 0.00123 </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <script> var x1=34.00; var x2=34; var y=123e5; var z=123e-5; document.write(x1 + "<br>") document.write(x2 + "<br>") document.write(y + "<br>") document.write(z + "<br>") </script> </body> </html> </run> 您将在本教程的高级部分学到更多关于数字的知识。 == JavaScript 布尔 == 布尔(逻辑)只能有两个值:true 或 false。 var x=true; var y=false; 布尔常用在条件测试中。您将在本教程稍后的章节中学到更多关于条件测试的知识。 == JavaScript 数组 == 下面的代码创建名为 cars 的数组: var cars=new Array(); cars[0]="Saab"; cars[1]="Volvo"; cars[2]="BMW"; 或者 (condensed array): var cars=new Array("Saab","Volvo","BMW"); 或者 (literal array): <sample title="" desc="" lang="html" hererun="1"> var cars=["Saab","Volvo","BMW"]; </sample> <run name=""> <!DOCTYPE html> <html> <body> <script> var i; var cars = new Array(); cars[0] = "Saab"; cars[1] = "Volvo"; cars[2] = "BMW"; for (i=0;i<cars.length;i++) { document.write(cars[i] + "<br>"); } </script> </body> </html> </run> 数组下标是基于零的,所以第一个项目是 [0],第二个是 [1],以此类推。 您将在本教程稍后的章节中学到更多关于数组的知识。 == JavaScript 对象 == 对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔: var person={firstname:"John", lastname:"Doe", id:5566}; 上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。 空格和折行无关紧要。声明可横跨多行: var person={ firstname : "John", lastname : "Doe", id : 5566 }; 对象属性有两种寻址方式: <sample title="" desc="" lang="html" hererun="1"> name=person.lastname; name=person["lastname"]; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <script> var person= { firstname : "John", lastname : "Doe", id : 5566 }; document.write(person.lastname + "<br>"); document.write(person["lastname"] + "<br>"); </script> </body> </html> </run> 您将在本教程稍后的章节中学到更多关于对象的知识。 == Undefined 和 Null == Undefined 这个值表示变量不含有值。 可以通过将变量的值设置为 null 来清空变量。 <sample title="" desc="" lang="html" hererun="1"> cars=null; person=null; </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> </head> <body> <script> var person; var car="Volvo"; document.write(person + "<br>"); document.write(car + "<br>"); var car=null document.write(car + "<br>"); </script> </body> </html> </run> == 声明变量类型 == 当您声明新变量时,可以使用关键词 "new" 来声明其类型: var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object; <blockquote>JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。</blockquote>
返回至“
JavaScript 数据类型
”。
上一节:
JavaScript_变量
下一节:
JavaScript_函数