JavaScript入门学习笔记（二）

JavaScript运算符：

算术运算符、赋值运算符和字符串连接运算符。

算法运算符与复制运算符用法参照Java；

字符串运算符：

+运算符用于把文本值或字符串变量连接起来，适用于两个或更多字符串变量连接。数字与字符串进行+运算结果为字符串。

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="utf-8">

         <title>just test</title>

     </head>

     <body>

         <p id="test"></p>

         <script>

             function myFunction(a,b)

             {

                 return a+b;

             }

             document.getElementById("test").innerHTML = myFunction("hello ","edward");

             //myFunction函数的返回值作为值向id为test的HTML元素输出文本

         </script>

     </body>

 </html>

demo

比较运算符：

参照Java比较运算符用法，例外：===表示“绝对等于”，即变量的值和类型均相等。

逻辑运算符：

&&、||、！

条件运算符（三元运算）：

(condition)?value1:value2

 var a = 1,b = 2,c;

 c = (a == b)?a:b;

demo

流程语句（条件语句）：

参照Java语法或C语言语法。

循环语句：

for循环：

for(语句1；语句2；语句3){

　　循环代码块；

}

语句1开始时执行，语句2为循环条件，语句3在循环代码块执行完一次后执行，执行完语句3后又回过头执行语句2判定循环条件。

执行顺序为：语句1----->语句2------>循环代码块------->语句3------>语句2------->循环代码块------->语句3......

for/in循环：

循环遍历对象的属性，还可以用于遍历数组

 var person={fname:"John",lname:"Doe",age:25}; 

 for (x in person)

   {

   txt=txt + person[x];

   }

demo

while循环：

在指定条件为true时循环执行代码块，先判定条件再进行执行，若初始条件为false则循环代码块一次都不会执行。

do/while循环：

会在检查条件是否为真之前执行一次代码块，然后如果条件为真的话，就会重复这个循环。无论如何循环代码块都被执行一次。

break和conitnue语句：

break可用于跳出条件语句switch( ),也可用于跳出循环。

continue语句用于中断循环中的迭代，如果出现了指定的条件，然后继续执行循环中的下一个迭代。

 /****

 *break跳出循环，循环结束，不再执行

 *例中循环执行到i=3时就跳出循环不再执行

 ****/

 for (i=0;i<10;i++)

   {

   if (i==3)

     {

     break;

     }

   x=x + "The number is " + i + "<br>";

   }

 /*****

 *continue中断循环，出现符合循环的条件后继续执行循环

 *例中循环执行到i=3时不执行循环体，但是计量单位i会继续自增，当i=4时循环继续执行

 *****/

 for (i=0;i<=10;i++)

  {

  if (i==3) continue;

   x=x + "The number is " + i + "<br>";

   }

比较

JavaScript标签：

JS语句可以进行标记，在语句前加上冒号。

continue只能用于循环语句中，break通过标签引用可以跳出任何JS代码块。

 cars=["BMW","Volvo","Saab","Ford"];

 list:

 //将一系列写文本语句标记为代码块list

 {

 document.write(cars[0] + "<br>");

 document.write(cars[1] + "<br>");

 document.write(cars[2] + "<br>");

 break list;

 //使用break带标签引用跳出代码块

 document.write(cars[3] + "<br>");

 document.write(cars[4] + "<br>");

 document.write(cars[5] + "<br>");

 }

标签

类型转换：

（1）5种数据类型：string、number、boolean、object、function

（2）3种对象类型：Object、Date、Array

（3）2两种不包含任何值的数据类型：null、undefined

使用typeof操作符可以查看变量数据类型，日期和数组是例外，返回值都是object，可以用constructor属性返回构造函数来区分是不是数组（返回Array()）。

将number、boolean、Date转化成字符串：全局方法String( )，私有方法toString( )。

其他类型转换方法较为简单，重复性高，需要使用时搜一搜就能知道。

正则表达式：

正则表达式是由一个字符序列形成的搜索模式，在搜索数据的时候可以用来描述目标内容，可用于所有文本搜索和替换的操作。

 var patt = /w3cschool/i

 /******

 /w3cschool/i  是一个正则表达式。

 w3cschool  是一个模式 (用于检索)。

 i  是一个修饰符 (搜索不区分大小写)。

 *****/

demo

通常用于两个字符串方法：search( )和replace( )

search（）用于检测字符串中指定子串，返回子串的起始位置。

 var str = "Visit w3cschool";

 var n = str.search(/w3cschool/i);

 //输出结果为6

replace（）用于在字符串中用一些字符替换一些字符,或者替换一个与正则表达式匹配的子串.

 var str = "Visit Microsoft!";

 var res = str.replace(/microsoft/i, "w3cschool");

 //输出结果为Visit w3cschool!

demo

正则表达式修饰符:

修饰符	描述
i	执行对大小写不敏感的匹配
g	执行全局匹配(查找所有匹配,而不是找到都一个匹配后就停止)
m	执行多行匹配

正则表达式模式:

表格很繁多,请进入W3CJS教程正则表达式详细细节查看.