龙空技术网

JavaScript 数据类型

桃桃桃小桃子呀 142

前言:

今天小伙伴们对“html分类代码”可能比较关心,朋友们都想要学习一些“html分类代码”的相关文章。那么小编在网上收集了一些对于“html分类代码””的相关内容,希望小伙伴们能喜欢,你们快快来了解一下吧!

值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。

引用数据类型(对象类型):对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。

JavaScript 拥有动态类型

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:

实例

var x; // x 为 undefined

var x = 5; // 现在 x 为数字

var x = "John"; // 现在 x 为字符串

变量的数据类型可以使用 typeof 操作符来查看:

代码练习:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>JavaScript 拥有动态类型</title></head><body><p> typeof 操作符返回变量或表达式的类型。</p><p id="q"></p><script>    document.getElementById("q").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>

运行结果:

JavaScript 字符串

字符串是存储字符(比如 "Bill Gates")的变量。

字符串可以是引号中的任意文本。您可以使用单引号或双引号:

实例:

var carname="Volvo XC60";

var carname='Volvo XC60';

可以在字符串中使用引号,只要不匹配包围字符串的引号即可:

代码练习:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>JavaScript 字符串</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>

运行结果:

JavaScript 数字

JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:

实例:

var x1=34.00; //使用小数点来写

var x2=34; //不使用小数点来写

极大或极小的数字可以通过科学(指数)计数法来书写:

代码练习:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>JavaScript 数字</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>

运行结果:

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):

代码练习:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>JavaScript 数组</title></head><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>

运行结果:

数组下标是基于零的,所以第一个项目是 [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

};

对象属性有两种寻址方式:

代码练习:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>JavaScript 对象</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>

运行结果:

Undefined 和 Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。

代码练习:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Undefined 和 Null</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>

运行结果:

标签: #html分类代码