2015-09-28 Javascript

1、Javascript是什么？

JavaScript是一种脚本语言,结构简单,使用方便,其代码可以直接放入HTML文档中,可以直接在支持JavaScript的浏览器中运行.JavaSript。

Javascript使得网页的交互性更强,更生动和灵活.当在浏览网页时做了某种操作就产生一个事件,JavaScript所编写的程序可对相应的事件做出响应。

2、Javascript的特点

⑴Javascript区分大小写；而HTML、CSS不区分大小写。

⑵Javascript是弱类型语言，定义变量只能用“var”关键字。

⑶Javascript的注释有两种：/*  */  和 //。HTML的注释语言是<!-- -->；CSS的注释是/* */。

3、Javascript的变量

⑴变量通过关键字var声明

⑵用var关键字可以同时声明多个变量，例如

var name=”Tom”,age=19,male=true;

⑶Javascript的变量不一定需要初始化；虽然不需要初始化，但给一个初始值是比较好的，例如

var name;

　　

⑷变量的名称规则

①首字母必须是字母（大小写均可）、下划线、或者美元符；②余下的字母可以是下划线、美元符、任意字母或数字字符；③变量名不含关键字

⑸命名习惯：增强代码的可读性

4、Javascript的数据类型

⑴字符串

var sMyString=”hello world”;

字符串属性方法

⑵数值

⑶布尔型

⑷类型转换

①typeof

    var a = "hello world";

    var b = 10;

    var c = true;

    alert("typeof(a) is " + typeof (a) + "\n" +

          "typeof(b) is " + typeof (b) + "\n" +

          "typeof(c) is " + typeof (c)

          );

　　

②数值转字符串

    var a = 3;

    var b = a + "";

    var c = a.toString();

    var d = "" + a;

    alert("typeof(a) is " + typeof(a) + "\n" +

          "typeof(b) is " + typeof(b) + "\n" +

          "typeof(c) is " + typeof(c) + "\n" +

          "typeof(d) is " + typeof(d) + "\n"

        );

　　

特殊的一个例子，结果分别是“54、414”。

    var a = b = c = 4;

    alert(1 + b + c.toString());

    alert(c.toString() + 1 + b);

　　

数值类型转字符中的同时，实现进制转换

    var a = 11;

    document.write(a.toString(2) + "<br>");

    document.write(a.toString(3) + "<br>");

    document.write(a.toString(8) + "<br>");

    document.write(a.toString(16) + "<br>");

　　

③字符串转数值类型

parseInt(), parseFloat()

首先检查索引为0处的字符，判断其是否为有效数字；如果不是字符，直接返回isNaN,不再进行操作；如果为有效字符，检查索引为1处的字符，直到发现非有效字符为止。

    document.write(parseInt("4567red") + "<br>");

    document.write(parseInt("53.5") + "<br>");

    document.write(parseInt("0xC") + "<br>");    //直接进制转换

    document.write(parseInt("isaacshun@gmail.com") + "<br>");

　　

    document.write(parseFloat("34535orange") + "<br>");

    document.write(parseFloat("0xA") + "<br>");  //不再有默认进制，直接输出第一个字符“0”

    document.write(parseFloat("435.34") + "<br>");

    document.write(parseFloat("435.34.564") + "<br>");

    document.write(parseFloat("isaacshun@gmail.com") + "<br>");

　　

⑸数组

    var aTeam = new Array(12);

    var aColor = new Array();

    aColor[0] = "blue";

    aColor[1] = "yellow";

    aColor[2] = "green";

    aColor[3] = "black";

    var aNumber = new Array(1, 3, 4, 7);

    alert(aColor.length + " " + aColor[1]);

    alert(aNumber.length + " " + aNumber[2]);

　　

    var aMap = ["China", "USA", "Britain"];

    aMap[20] = "Korea";

    alert(aMap.length + " " + aMap[10] + " " + aMap[20]);

　　

④数组转字符串

    var aMap = ["China", "USA", "Britain"];

    alert(aMap.toString() + " " + typeof (aMap.toString()));

　　

⑤用join方法指定转换后字符串间的连接符

    var aMap = ["China", "USA", "Britain"];

    document.write(aMap.join() + "<br>");            //无参数，等同于toString()

    document.write(aMap.join("") + "<br>");      //不用连接符

    document.write(aMap.join("][") + "<br>");        //用“][”来连接

    document.write(aMap.join("-isaac-") + "<br>");

　　

⑥用split方法将字符串转数组

    var sFruit = "apple,pear,peach,orange";

    var aFruit = sFruit.split(",");

    alert(aFruit.join("--"));

　　

如果split中的参数是空字符中（””），就会将每一个字符分成相应的数组元素。

    var apple = "Apple";

    var aChar = apple.split("");

    alert(aChar.join("#"));

　　

⑦用reverse方法使数组元素反序

    var aFruit = ["apple", "pear", "peach", "orange"];

    alert(aFruit.reverse().toString());

　　

⑧用split方法使字符串反序排列

    var sMyString = "abcdefg";

    alert(sMyString.split("").reverse().join("-"));

    /*   split("")将每一个字符转为一个数组元素

    reverse()反序数组的每个元素

    join("")再最后将数组无连接符的转为字符串

    */

　　

⑨用sort方法进行数组元素排序

    var aFruit = ["pear", "apple", "peach", "orange"];

    aFruit.sort();

    alert(aFruit.toString());