JS数据类型-总结

本文深入解析JavaScript中的数据类型,包括值类型如字符串、数字、布尔等,以及引用类型如对象、数组和函数。同时,详述了变量声明与创建对象的方法,并全面介绍了JavaScript的运算符,涵盖算数、比较、逻辑运算符及其缩写形式。

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

引用数据类型:对象(Object)、数组(Array)、函数(Function)。

声明变量类型
当您声明新变量时,可以使用关键词 “new” 来声明其类型:

var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object; 

JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。
最常用的对象创建方式:
第一种:

    var obj=new Object();
    obj.name="张思";
    obj.age=12;
    obj.firstF=function(){
    }
    obj.secondF=function(){
    }
    return obj;
}
var one=Demo();
// 调用输出
document.write(one.age);

第二种:

    this.name="张思";
    this.age=12;
    this.firstF=function(){
    }
    this.secondF=function(){
    }
}
var one=new Demo
// 调用输出
document.write(one.age);

JS运算符
表1 JavaScript常见运算符

算数运算符	说明	举例	结果
=	赋值运算符。将运算符右边变量的值赋给左边变量。	x = 5 ;	–
+	加号。将两个数据相加。	y=1+2;	y=3
–	减号。将两个数据相减。	z = x-y;	z=2
*	乘号。将两个数据相乘。	a=x*y;	a=15
/	除号。将两个数据相除。	b=x/z;	b=2.5
%	求余运算。求两个数据相除的余数。	c=x%z;	c=1
++	自加。将操作数加1。	m=++x;	m=6 x=6
—	自减。将操作数减1。	n=–x;	n=5 x=5
比较运算符	说明	举例	结果
==	相等。若两数据相等,返回 true,否则返回 false。	boolean1=(x==5);	boolean1=true
!=	不相等。若两数据不相等,返回 true,否则返回 false。	boolean2=(x!=5);	boolean2=false;
>	大于。若左边数据大于右边数据,返回 true,否则返回 false。	boolean4=(x>y);	boolean4=true
<	小于。若左边数据小于右边数据,则返回布尔值true,否则返回false。	boolean5=(x<y);	boolean5=false
>=	大于等于。若左边数据大于或等于右边数据,返回 true,否则返回 false。	boolean6=(x>=y);	boolean6=true
<=	小于等于。若左边数据小于或等于右边数据,返回 true,否则返回 false。	boolean7=(x<=y);	boolean7=false
逻辑运算符	说明	举例	结果
&&	逻辑与。如果符号两边的操作数为真,返回true,否则返回false。	boolean_a=true&&false;	boolean_a=false
||	逻辑或。如果符号两边的操作数为假,返回false,否则返回true。	boolean_b=true||false;	boolean_b=true
!	逻辑非。如果符号右边的操作数为真,返回false,否则返回true。	boolean_c=!true;	boolean_c=false
” + “号也可以用来连接字符串
“+”号不但可以将两个数据相加,还可以用来连接字符串。

例如:

代码如下:

var name=" Tom ";
var age=22;
var person="My name is "+name+" ! I'm  "+age+" ! ";
alert(person);

保存并运行代码,显示 My name is Tom ! I’m 22 !

上面的例子中,有字符串,也有数值。当字符串和数值进行混合运算时,JavaScript 会自动判断“ + ”号的作用,是相加运算,还是连接字符串。如果是连接字符串,数值也将被转换为字符串。

对自加(++)和自减(–)的探讨

值得注意的是,自加(++)和自减(–)运算符放置在操作数的前面和后面含义不同。放在操作数前面(前自加 / 前自减),先对操作数进行加1(减1),再进行运算;放在操作数后面(后自加 / 后自减),先进行运算,再对操作数加1(减1)。

例如:

代码如下:

<script type="text/javascript">
var x=5;
var y=++x;  // 前自加,赋值后 x 的值为 6
var z=x++;  // 后自加,赋值后 x 的值为 7
var m=--x  // 前自减,赋值后 x 的值为 6
var n=x--  // 后自减,赋值后 x 的值为 5
</script>
<p onclick="alert(y);">显示 y 的值</p>
<p onclick="alert(z);">显示 z 的值</p>
<p onclick="alert(m);">显示m 的值</p>
<p onclick="alert(n);">显示 n 的值</p>

保存并运行代码,依次点击四段文本,都显示 6 。

分析:

对于 y ,x (x=5)加 1 后的值变为 6 ,再将 x 的值传递给 y 。
对于 z ,先将 x 的值(x=6)传递给 z ,再对 x 加 1 ,值变为 7。
对于 m ,x (x=7)减 1 后的值为 6,再将 x 的值传递给 m 。
对于 n ,先将 x 的值(x=6)传递给 n ,再对 x 减 1,值变为 5 。

算数运算符的缩写

为了操作方便,减少代码的书写,JavaScript 还支持常见数学运算符的缩写。

表2常见算数运算符的缩写

运算符 例子 等价于

+=	x+=y	x=x+y
-=	x-=y	x=x-y
*=	x*=y	x=x*y
/=	x/=y	x=x/y
%=	x%=y	x=x%y
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值