你的位置:首页 > Java教程

[Java教程]JavaScript基础知识总结(二)


JavaScript语法

 

二、数据类型

  程序把这些量、值分为几大类,每一类分别叫什么名称,有什么特点,就叫数据类型。

1.字符串(string)

  字符串由零个或多个字符构成,字符包括字母,数字,标点符号和空格;

  字符串必须放在引号里(单引号或双引号)。

 

var mood = "happy";var mood = 'happy';

 

  用引号括起来的内容,就是字符串类型 了;

  如果内容有单引号也有双引号的时候,使用转义字符"\",作用:解决冲突

 

 

2.数值(number)

var age = 20;var price = 20.50;

 

  在生活中的数字也是区分 数值和字符串类型的:

  当作数字、数目的时候,例如年龄、价格,就是数值类型(number);

  当作编号的时候,例如身份号码、学号,就是字符串类型(string);

 

3.布尔类型(boolean)

  布尔类型数据只能有两种值:true 和 false;

  布尔值的true和false就是逻辑里面的真假,也是计算机语言里里面的0,1;

var married = true;var married = false;

  注意:与字符串不同,不要把布尔值用引号括起来。布尔值 false 与 字符串 "false"是两回事。

 

4.对象(object)

  Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。

  例如:Date日期对象

    Date对象用来处理日期和时间

//新建日期对象,然后赋值给变量todayvar today = new Date;//使用日期对象获取年份的方法得到今年的年份,然后赋值给变量yearvar year = today.getFullYear();//使用日期对象获取月份的方法得到这个月的月份,然后赋值给变量monthvar month = today.getMonth() + 1;//使用日期对象获取到日期数的方法得到今天是几号,然后赋值给变量dayvar day = today.getDate();//将年份、月份、日期输出到页面document.write(year+"年"+month+"月"+day+"日");//时分秒var hours = today.getHours();var minutes = today.getMinutes();var seconds = today.getSeconds();document.write(hours+"时"+minutes+"分"+seconds+"秒");

 

 

5.Array数组

  变量一般都只能存储一个内容,所以变量是一个单一的容器;

  数组一般可以存一个或者是多个值 ,所以数组是一个大的容器。

  数组的组成部分:

    数组其实是由多个(键-值)所组成的一个多容器

    数组的索引,默认是从0开始的

//方式一var arr1 = new Array(1,2,3,4,5,6,7,8,9,0);//方式二var arr2 = [1,2,3,4,5,6,7,8,9,0];//方式三var arr3 = new Array();  arr3[0] = 1;  arr3[1] = 2;

 

  多维数组:

var arr = [  [1,2,3],  [4,5,6]];document.write(arr[1][2]); //6

 

 

6.null,underfined

 null

  在 JavaScript 中 null 表示 "什么都没有"。

  null是一个只有一个值的特殊类型,表示一个空对象引用。

  你可以设置为 null 来清空对象:

  var person = null;

 underfined

  在 JavaScript 中, undefined 是一个没有设置值的变量。

  typeof 一个没有值的变量会返回 undefined。

  你可以设置为 undefined 来清空对象:

  var person = undefined;

 null 和 underfined 的区别 :

typeof undefined   // undefinedtypeof null      // objectnull === undefined  // falsenull == undefined   // true

 

 

三、数据类型的查看和转换

1.查看数据类型 typeof

var mood = "happy";alert(typeof mood);  //outputs : stringalert(typeof 95);   //outputs : number

 

 

2.转换成字符串

var married = false;alert(married.toString());  // outputs : "false"var age = 25;alert(age.toString());  //outputs : "25"

 

 

3.转换成数字

  parseInt() 转换成整数

var test = parseInt("blue");   //returns NaNvar test = parseInt("1234blue");   //returns 1234var test = parseInt("22.5");   //returns 22var test = parseInt("asd23434");   //returns NaN

 

    NaN:不是数值的数值

  parseFloat() 转换成浮点数

var test = parseFloat("1234blue");   //returns 1234var test = parseFloat("22.5");   //returns 22.5

 

  不同类型的运算:

var a = "23";var b = 1;alert(a+b); //231 说明:如果不是同种类型的话,那么+代表的是拼接的意思alert(a-b); //22 说明:除了+这种特殊的运算方式以外,即使是不同类型也能够进行运算

 

 

4.判断变量类型

  A,判断字符串

typeof(a)=="string";

  B,判断数值

typeof(a)=="number";

 

  C,如果是一个数值类型,但内容不是一个有效的数字,会显示NaN,判断NaN isNaN(a)

  D,判断变量是否为空(未定义变量。或定义变量但没进行初始化就会出现)typeof(a)=="undefined"

 

四、运算符

1.算术运算符(+ - * / %)

alert("10"+20); //return 1020;alert(10+20);  //return 30;alert(20-10);  //return 10;alert(10*5);  //return 50;alert(10/5);  //return 2;alert(10%5);  //return 0;

 

 

2.后增量/后减量运算符 ++ ,--

var i = 0,  j = i++;  // 先赋值后运算console.log(j);  //j=0

 

 前增量/前减量运算符 ++ ,--

var i = 0,  j = ++i;  // 先运算后赋值console.log(j);  //j=1

 

 

3.比较运算符 (>, <, >=, <=, ==, !=)

alert ( 10 > 5 );  //outputs truevar i = 100;var n = 100;alert(i == n);  //outputs truealert(i != n);  //outputs falsealert(i === n);  //outputs true 数据类型和值都相等

 

 

4.逻辑运算符(&& 与, || 或 , ! 非)

var i = 8;alert ( i<5 && i<10);  //outputs falsealert ( i > 100 || i < 10);  //outputs truealert(!(10 > 5));  //outputs false

 

 

五、JavaScript的注释

  // 单行注释

  /* …*/ 多行注释

 

六、程序流程控制

1.条件语句 if

  语法:if(condition) statements1 else statement2

  例子:

var i = prompt("您的成绩是:");if(i >= 80) {  alert("成绩优异");}else if(i >= 60) {  alert("成绩合格");}else{  alert("成绩不合格");}

 

2.switch 语句

  相当于条件判断的变种方式,或者是另外的一种形式

  语法:

switch (expression){  case value:    //statement  break;  case value:    //statement  break;  default:    //statement}

  例子:

var i = prompt("请选择套餐A,B,C,D");switch (i) {  case "A":    alert("您已订购A套餐");  break;  case "B":    alert("您已订购B套餐");  break;  case "C":    alert("您已订购C套餐");  break;  case "D":    alert("您已订购D套餐");  break;  default:    alert("欢迎下次光临");}