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对象用来处理日期和时间

//新建日期对象,然后赋值给变量today
var today = new Date;
//使用日期对象获取年份的方法得到今年的年份,然后赋值给变量year
var year = today.getFullYear();
//使用日期对象获取月份的方法得到这个月的月份,然后赋值给变量month
var month = today.getMonth() + 1;
//使用日期对象获取到日期数的方法得到今天是几号,然后赋值给变量day
var 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      // undefined
typeof null           // object
null === undefined    // false
null == undefined     // true

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

1.查看数据类型 typeof

var mood = "happy";
alert(typeof mood);    //outputs : string
alert(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 NaN
var test = parseInt("1234blue");   //returns 1234
var test = parseInt("22.5");   //returns 22
var test = parseInt("asd23434");   //returns NaN

    NaN:不是数值的数值

  parseFloat() 转换成浮点数

var test = parseFloat("1234blue");   //returns 1234
var 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 true

var i = 100;
var n = 100;
alert(i == n);  //outputs true
alert(i != n);  //outputs false
alert(i === n);  //outputs true 数据类型和值都相等

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

var i = 8;
alert ( i<5 && i<10);  //outputs false
alert ( i > 100 || i < 10);  //outputs true
alert(!(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("欢迎下次光临");
}
时间: 2024-08-04 10:41:23

JavaScript基础知识总结(二)的相关文章

JavaScript基础知识(二)

一.JavaScript事件详解 1.事件流:描述的是在页面中结束事件的顺序 事件传递有两种方式:冒泡与捕获. 事件传递定义了元素事件触发的顺序. 如果你将 <p> 元素插入到 <div> 元素中,用户点击 <p> 元素, 哪个元素的 "click" 事件先被触发呢? 在 冒泡 中,内部元素的事件会先被触发,然后再触发外部元素,即: <p> 元素的点击事件先触发,然后会触发 <div> 元素的点击事件. 在 捕获 中,外部元素

javascript基础学习(二)

javascript的数据类型 学习要点: typeof操作符 五种简单数据类型:Undefined.String.Number.Null.Boolean 引用数据类型:数组和对象 一.typeof操作符 typeof操作符用来检测变量的数据类型,操作符可以操作变量也可以操作字面量. 对变量或值运用typeof操作符得到如下值: undefined----如果变量是Undefined类型: boolean-------如果变量是Boolean类型: number-------如果变量是Numbe

Javascript基础知识5

不要把相等运算符(==)与赋值运算符(=)搞混. 以&&运算符隔开的两个条件中的前者为错,则不会检测第二个条件的真假.利用这一点,可以提高脚本的速度. 使用带switch的多个条件 if(button=="next") window.location = "next.html"; else if(button=="previous") window.location = "pre.html"; else if(

javascript 基础知识

javascript 基础知识编程规范注释 //驼峰对象化编程 数据类型字符串.数字.布尔.数组.对象.Null.Undefined定义 var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object; 字符串 var word = "Hello World!"; 数字 var x1 = 34.00; //使用小数点来写 var x2 =

JavaScript基础知识梳理--数组

JavaScript基础知识梳理--数组 1.创建方法 空数组:var obj=new Array(); 指定长度数组: var obj=new Array( size ); 指定元素数组 :  var obj=new Array( 元素1,元素2,....): 单位数组:var obj=new Array[ 元素1,元素2,元素3,...,元素N]; 多维数组:var a=new Array( [数组1],[数组2],[数组3],...,[数组N] ); 2.基本操作 存取数组元素: 单维数组

(1)JavaScript基础知识

Javascript基础知识 1.如何使用JavaScript (1).通过<script></script>中直接编写 (2).通过<script src='目标文档的URL'></script>链接外部的Js文件 ① <script  src="URL" type="text/javascript" charset="utf-8"></script> (3).作为某个元素

Javascript基础知识4

字符串大小写转换 toUpperCase()将所有的字符串转换成大写 toLowerCase()将所有的字符串转换成小写 substring(x,y)返回字符串的一部分,从x开始到y结束 charAt(x)获取第x个字符 indexOf("",x)查找字符串, 第一个内容是字符串,第二个是从第x开始 得到的值为这个字符串是从第几个字符开始的 同样lastindexOf()从最后开始查找 split("")分离字符串,内容为以什么分离, 得到的是一个数组 同理,将一个

web基础知识(二)关于ajax,Jquery传值最基础东西

这次还是一些关于jQuery,ajax前后台传值情况, 是自己在做点小东西过程中遇到的,记录下来为自己也方便别人 列表很多,点击编辑和删除无刷新的进行操作的话,肯定是ajax了,因为无刷新嘛,可能有的朋友会说直接传值,传ID到Action删除不就OK了,用得着写js么,纯粹自己找麻烦嘛. 其实这里重点是无刷新的啦, 这个上传后到这里来,有个预览功能,把本次的全部预览,如果全部刷新的话,那么刚才上传的就不会在这个页面了,so,还是采用无刷新的比较好. 点击编辑跳到一个新的页面的时候有两种方法可以选

java基础知识(二)

1.关于static关键字总结: 1.不能在static修饰的方法中引用this变量,只能引用一些静态变量或方法,或new新的对象(可以定义局部变量). 简言之,静态方法或块中,只能引用静态的方法或变量. 2.类中的成员变量(static修饰)有缺省值,而类的定义的方法中的局部变量没有缺省值. 3.在类的构造器中,可以引用任何的静态或非静态的变量和方法,可以在非static方法中调用static方法. 4.static{}块中的代码在类装载中仅执行一次. 5.在7-7,A staticmetho

JavaScript基础知识梳理----正则表达式

JavaScript基础知识梳理----正则表达式 1.创建 方式:---字面量:var 变量名=/表达式/模式修饰符 ---构造函数:var 变量名=new RegExp(“表达式”,“模式修饰符”) 说明: 表达式 单个字符和数字 . 匹配除换行符之外的任意字符 [a-z0-9] 匹配方括号中的任意字符 [^a-z0-9] 匹配不在方括号中的任意字符 \d 匹配数字 \D 匹配非数字 \w 匹配字母 \W 匹配非字母 空白字符 \0 匹配null字符 \b 匹配空格符 \f 匹配进纸符 \n