韩顺平_轻松搞定网页设计(html+css+javascript)_第20讲_js基本数据类型_js运算符1_学习笔记_源代码图解_PPT文档整理

最新推荐文章于 2018-09-19 21:23:17 发布

wenximalong

最新推荐文章于 2018-09-19 21:23:17 发布

阅读量2.4k

点赞数 1

分类专栏： PHP

本文链接：https://blog.csdn.net/wenximalong/article/details/8207394

版权

PHP 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

文西马龙：http://blog.csdn.net/wenximalong/

js基本语法——基本数据类型

javascript基本数据类型三大类型

①基本数据类型
分为：
（1）数值
（2）字符串
（3）布尔型

通过typeof可以看到变量的具体数据类型是什么？

typeof.html

<html>
	<head>
		<script language="javascript">
			var v1="abc";
			var v2=890;
			window.alert("v1是"+typeof v1);
			window.alert("v2是"+typeof v2);
			//js是动态语言 类型是可以变化的
			var v1=789;
			window.alert("v1是"+typeof v1);
		</script>
	</head>
	<body></body>
</html>

javascript复合数据类型

②复合类型
（1）数组
（2）对象

javascript特殊数据类型

③特殊类型
（1）mull
（2）undefine

直接 window.alert(tt);//报错未定义

var aa;//没有给值
window.alert(aa);//弹出undefine;

javascript基本数据类型三大类型
（1）Number（数字类型）
1.整型常量（10进制\8进制\16进制）
十六进制以0x或0X开头，例如：0x8a
八进制必须以0开头，例如：0123
十进制的第一位不能是0（数字0除外）例如：123
2.实型常量
12.32 193.98 5e7 4e5等
特殊数值：NaN、infinity、isNaN()、isFinite()

NaN (not a number)
var a="abc";
window.alert(parseInt(a));

infinity(无穷大)
window.alert(6/0);

isNaN
window.alert(isNaN("abc")); ture
window.alert(isNaN(123)); false

（2）Boolean（布尔值）
true和false
（3）String字符串
"a book of javascript" 'abc' "a" ""
字符串中的特殊字符，需要以反斜杠（\）后跟一个普通字符来表示
例如：\r \n \b \' \" \\xxx

var a="abcd";
var a='abcd';
var c="adklad\"fkfj";
window.alert(c);

js基本语法——定义变量、初始化、赋值
1.定义变量
什么是定义变量
var a;这就是定义了一个变量，变量名是a

2.初始化变量
在定义变量的时候，就给值
var a=45; 这就是初始化变量a

3.给变量赋值
比如你先定义了变量：var tt;
然后，再给值 tt=789; ->这就是给变量赋值

js基本语法——数据类型转换
1.自动转换
请看一个案例
var a=1.2; a=45;
a="韩顺平";
window.alert(a);

2.强制转换
如何字符串转成数字？
var a=parseInt("123");
var b=parseFloat("12.3");
……//其它后面介绍
parseInt(),parseFloat()是系统函数，可以直接使用

js数据类型的转换
（1）自动转换
var a=123; //a是数值
a="hello world"; //a的类型是string
（2）强制转换
比如：
var a="123456";
a=parseInt(a);//使用系统函数强制转换
或者

var b=90; //b 是number
b=b+""; //b就是string

js基本语法——运算符
算术运算符
这个听其名而知其意。就是用于计算的，javascript常用的是：
1.+加
2.-减
3.*乘
4./除
5.%取模
其实%运算可以得到两个数相除的余数，通常用于判断两个数是否整除，主要用于整数。

注意：（1）数+数加法运算（2）数+字符串拼接（3）字符串+字符串拼接

案例：
var a=90;
var b=8;

if(a%b==0){
window.alert("能整除");
}else{
window.alert("不能整除");
}

算术运算符
6. ++自加
7. --自减
这两个运算符比较特殊，请大家思考：
var a=90;
a++ ---->a=a+1
这时，a等于多少
var b=89;
b-- ---->b=b-1
这时，b等于多少

再看一个案例
var a=56;
var b=++a
window.alert(b);
window.alert(a);

b=++a; //先自加了，再赋值。a=a+1 b=a
b=a++; //先赋值了，再自加。b=a a=a+1

b=++a; <====> [a=a+1; b=a;]
b=a++; <====> [b=a; a=a+1;]

b=--a; <====> [a=a-1; b=a;]
b=a--; <====> [b=a; a=a-1]

算术运算符
8.+= 左加
9.-= 左减
10./= 左除
11.% 左取模

请大家看几个案例，就明白了：
var a=90;
a+=90; =>a=a+90
请问，a现在等于多少？

var b=89.7;
b+=a; =>b=b+a;
请问，b现在等于多少？

再看一个案例：
var a=56;
var b=90;
a-=34; // a=22
b%=a; // b=b%a; 2
window.alert(b); // 2

window.alert(a); // 22

韩顺平_php从入门到精通_视频教程_学习笔记_源代码图解_PPT文档整理_目录

wenximalong

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
韩顺平_轻松搞定网页设计(html+css+javascript)_第20讲_js基本数据类型_js运算符1_学习笔记_源代码图解_PPT文档整理

文西马龙：http://blog.csdn.net/wenximalong/js基本语法——基本数据类型javascript基本数据类型三大类型①基本数据类型分为：（1）数值（2）字符串（3）布尔型通过typeof可以看到变量的具体数据类型是什么？typeof.html var v1="abc"; var v2=890;
复制链接

扫一扫

专栏目录