JavaScript Class 2

学习内容：

1.数据类型转换：

（a）通过 + 或者tostring转化字符串

<script>
    var x = 2;
    var y = "5";
    var a = x+y;
    alert(x+y);//输出字符串25,只有数值之间相加才会输出数值
    var z = x.toString();
    alert(z);
</script>

PS: +运算符的多态： 在执行数值相加时，得到的是数字，在执行数值与字符串相加时，得到的是字符串。

（b）parseInt 其他类型转化为整型

<script>
    var b = 3.14;
    var c = parseInt(b);//浮点转整型
    alert(c);
</script>

（c）parseFloat 其他类型转化为浮点型

<script>
    var d = 4;
    var e = parseFloat(d);//整型转浮点
    alert(e);
</script>

（d）字符串强转数值

<script>
    var f = "yes";
　　 var g = "123";
    alert(parseInt(f));//返回NaN 即 not a number 字母无法强转数值

　　 alert(parseInt(g));//返回123

</script>

2.字符串常用操作：

<script>
    var str = "who is your daddy";
    alert(str.length);//返回字符串长度，含空格
    alert(str.charAt(4));//获取字符串特定索引处的字符，注意，不算空格
    alert(str.toUpperCase());//全部转为大写，toLowerCase 
    alert(str.indexOf("a"));//返回字符下标位置，从0开始，注意加双引号，否则返回-1
    alert(str.indexOf("d",13));//从第13位开始第一次出现d的下标位置
    alert(str.lastIndexOf("d"));//字符出现的最后一个下标位置
    alert(str.substring(4));//从第四位开始截取的字符串
    alert(str.substring(4,15));//从第4位截取到15位
    alert(str.slice(4));//效果同substring
    alert(str.replace("o","a"));//字符串替换
    alert(str.match("f"));//匹配得到显示，匹配不到返回null
    alert(str.search("f"));//搜索并返回下标位置，没有返回-1
    var m = "5.5";
    var n = 2;
    alert(m-n);//数学运算 - * / 字符串自动转换为数字，只有运算功能
    alert(parseFloat(m)+n);//输出7.5 字符串转浮点
　　</script>

3.正则表达式：

正则表达式是对字符串操作的一种逻辑公式，
就是用事先定义好的一些特定字符、及这些特定字符的组合，
组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。

可用于表单检测，验证码检测等。

（a）声明正则表达式的两种方式：

<script>
    var reg1 = /pattern/;//pattern是规则
    var reg2 = new RegExp("pattern");
</script>

（b）正则表达式的两种常用方法：

（1）test（）检索字符串中的指定值。返回值是 true 或 false。

（2）exec（）检索字符串中的指定值。返回值是被找到的值，如果没有发现匹配，则返回 null。

<script>
    var p1 = new RegExp("h");
    var s = "hello world";
    alert(p1.test(s));//返回true
    alert(p1.exec(s));//返回h
</script>

 （3）常用通配符：

. 匹配所有字符
\d 匹配 0-9  \D 匹配非数字

\s匹配所有空白符，包括空格、制表符、换行符、回车符等
\S匹配所有非空白字符

\w匹配所有单词字符，包括0-9数字、26个英文字母和下划线
\W匹配所有非单词字符

\b匹配单词边界 \B匹配非单词边界

[abc]查找方括号之间的任何字符
[^abc]查找任何不在方括号之间的字符

[0-9]查找0-9之间的数字

[a-z]查找a-z之间的小写字母

[A-Z]大写A-Z [A-z]大写A到小写z，既涵盖所有26个字母的大小写

(red|blue|green)查找任何指定的选项,例如邮箱.com .cn .org

<script>
    var i = "Just do it";
    var o = /d/;
    alert(o.test(i));
    var u = /a$/;
    alert(u.test(i));
    var n = /\d/;
    alert(n.test(i));
    var nn = /\D/;
    alert(nn.test(i));
    var nl = /\W/;
    alert(nl.test(i));
    var ab = /[a-b]/;
    alert(ab.test(i));
    var tp = /[^j]/;
    alert(tp.test(i));
</script>

（4）常用量词：

n$ 匹配任何结尾为 n 的字符串。
^n 匹配任何开头为n的字符串
n+ 匹配任何包含至少一个n的字符串
n* 匹配任何包含零个或多个n的字符串
n? 匹配任何包含零个或一个n的字符串
n{X} 匹配包含X个n的序列的字符串 (序列为连续的意思)
n{X,Y} 匹配包含X或Y个n的序列的字符串
n{X,} 匹配包含至少X个n的序列的字符串

<script>
    var wr = "hEllo world";
    var n1 = /a+/;
    var n2 = /o*/;
    var n3 = /o?/;
    var n4 = /l{3}/;//包含连续3个l的字符串 false
    var n5 = /l{2,3}/;//包含连续2个或3个l的字符串 true
    var n6 = /o{2,}/;//包含至少连续2个o
    var n7 = /d$/;
    var n8 = /^h/;
    alert(n6.test(wr));
</script>

（5）修饰符：

i 执行对大小写不敏感的匹配
g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）

<script>
    var n9 = /e/i;
    alert(n9.test(wr));
    var n10 = /l/g;
    for (i=0;i<wr.length;i++){
         fl = n10.exec(wr);
        if(fl == null){
        break;
        } 
        document.write(fl);
    }
</script>    

（6）综合运用：

设置一个邮箱名输入规则：

<script>
    var em = "84751s@126.com";
    var email = /^[0-9A-z_-]+@[0-9A-z_-]+\.+[com|cn|org]+$/;
//以数字、大小写字母、下滑线、短杠开头 + @数字、大小写字母、下滑线、短杠+ . + com|cn|org结尾 \.可使.变为普通字符串

// ^  +& 以...开头和以...结尾，用于字符串拼接
    alert(email.test(em));
</script>

4.数组：

<script>
    var arr1 = [2,5,6];//定义时直接给数组元素赋值
    var arr2 = [];//定义一个空数组
    var arr3 = new Array();//定义一个空数组并通过索引来赋值
    arr3[0] = 1;//数组下标由0开始
    arr3[3] = "abc";
    arr2[0] = 9;
    arr2[1] = 3;
    alert(arr1.length);//数组的length是数组内数据的个数
    数组长度可变。总长度等于数组的最大索引值+1
    同一数组中的元素类型可以互不相同
    alert(arr3[2]);//当访问未赋值的数组元素时，该元素值为undefined，不会数组越界
    var arr4 = [1,2,"a","b"]
    for(x in arr4){//for in遍历数组
        document.write(arr4[x]);
    }
    for(i=0;i<arr4.length;i++){//for循环遍历数组
        document.write(arr4[i]);
    }
    for(i=0;i<10;i++){
        document.write(i+"<br/>");
    }
</script>

5.运算符：

<script>
    var a = 52%10;//  %取余运算   = 赋值 从右向左赋值
    document.write(a);
    //三目运算，返回布尔值，可用 if else 取代
    var b = 2;
    var c = 4;
    b<c?alert("c大"):alert("b大");
　　　　if(b<c){
　　　　　　alert("c大");
　　　　}
　　　　else{
　　　　　　alert("b大")；
　　　　}

    // , 运算符 使其等于最后一个值
    var e,f,g,h;
    a=(e=2,f=5,g=0,h=2);
    alert(a);
    //void运算符
    var e,f,g,h;
    a=void(e=2,f=5,g=0,h=2);
    alert(a);//a为未定义
    //获取数据类型
    alert(typeof(b));//返回变量数据类型 number
    //instanceof  判断对象类型，返回布尔值
    var k = [1,2,3];
    alert(k instanceof Array);
</script>

 2018/02/24

获取字符串特定索引处的字符