欢迎学习javascript(js)数据类型

欢迎学习javascript(js)数据类型

读这篇文章前需要具备HTML、CSS的基础,同时需要知道javascript是什么。

说一下数据类型有哪几种吧
首先是基本的数据类型,也就是经常出现的,都有:
字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。
还有引用数据类型:对象(Object)、数组(Array)、函数(Function)。
接下来就讲解一下这几个的用法。

字符串(string)

字符串是储存数值的变量,使用字符串的时候需要加上双引号或者单引号,只要不匹配包围字符串的引号就行,当你看到那些js代码上有加双引号或单引号的,你就可以判定这是字符串。接下来我演示一下:

<script>
var name1="0";
var name2='10';
var name3='20';
</script>

这段代码里面的var是用来声明变量的,后面的name1是给这个变量起名字的,引号里面的内容就是给这个name1赋值的,第一行代码就是说 把“0”赋值给了name1,name1=0

数字(number)

第二个是数字
javascipt只有一种数字类型,数字可以带小数点也可以不带
极大的数字或者极小的数字可以用科学计数法来表示

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

数字跟字符串表达不一样,字符串需要用引号来表示,而数字没有引号
上面这段代码中有小数也有整数,还有科学计数法,数字和小数都比较常见,表达式也能看得懂,但是下面的科学计数法“var y=123e5;”,var就不用说了,上面已经讲过了,后面的这个123e5的意思就是:123乘以10的5次方,e在这里面可以说是e=10,e后面跟的数字就是次方,这样应该就好理解了一点叭。接下来就是下面的123e-5就是e的负五次方,也就是说在123的基础上小数点向前移动五位就行了,这就是科学计数法的运算。

布尔(Boolean)

布尔只能有两个值,是用来判断真假的,那两个值就是“true”(真)“false”(假),这个相对比较好理解一点,就像判断题一样,这题是对的就是真,错的就是假。

对空(Null)、未定义(Undefined)

为什么要把这个这两个放在一起解释呢,因为这两个值表示的变量不含有值
看代码应该会容易理解一些

<script type="text/javascript">
			var name= "" ;//这个是null,空的意思,因为引号里面没有值
			var name1;		//这个就是未定义,没有给它命名
		</script>

对象(Object)

对象是由花括号分隔的,在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。它的属性是由逗号来分隔的,可不是用分号昂。

<script>
var person=
{
	firstname : "John",
	lastname  : "Doe",
	id        :  5566   //这是三行就代表的属性
};
document.write(person.lastname + "<br>");
document.write(person["lastname"] + "<br>");
</script>

万物皆对象,就是说,谁都可以被当成对象,就像自己的对象一样,有身高,有体重,有腰围,有性格等属性,在这里面的对象也是有属性的,但是具体什么属性还是要看自己的需求。
对象也是变量。但是对象包含很多值。
对象也可以有方法,方法是在对象上执行的动作。

数组(Array)

这里面的数组需要用方括号来写"[ ]"
数组也是需要用逗号来分隔的,
举个例子:

var fruits = ["apple", "banana", "orange"];

这就是一组数组,中间用逗号隔开,前面的fruits是数字的名字。

函数(Function)

这里面的函数是被设计为执行特定任务的代码块。会在某代码调用它时被执行。
来看代码

<p id="demo"></p>//这是html中写的p标签

<script>
function myFunction(p1, p2) {//这里面的function就是声明函数的,就像var一样
    return p1 * p2;//这就是函数内容
}
document.getElementById("demo").innerHTML = myFunction(7, 8);//这个是输出
</script>

声明函数后面的myFunction就是给函数命的名字,格式和var差不多,var是声明变量的,function就是声明那个函数的。

发布了5 篇原创文章 · 获赞 0 · 访问量 200

猜你喜欢

转载自blog.csdn.net/Dream_Fever/article/details/102973347