JavaScript的学习3

一、数组

1、定义数组格式：var 变量名 = [数组元素1,数组元素2]

2、遍历数组元素：

格式：

var arr = [];

for(var i=0;i<数组长度;i++){

arr[i];

}

例：
<script type="text/javascript">
        var arr = []; //定义一个空数组
            arr[0] = "鸣人";
            arr[1] = "木叶村";
            arr[2] = "卡卡西";
            arr[3] = "色诱术";
            arr[4] = "雏田";
            arr[5] = "博人";
            arr[6] = "向日葵";
        document.write(arr);
        document.write("<hr/>");
        var arr_length = arr.length;
        for(var i=0;i<arr_length;i++){
            document.write(arr[i]+" ");
        }
    </script>

3、二维数组的创建和遍历

<script type="text/javascript">
    var arr = [
            ["周更生","男",30,true,"大专",5000,500,,"山东省"],
            ["刘晓庆","女",26,false,"研究生",8000,1500,"北京科技大学","山西省"],
            ["李大幅","男",38,true,"大专",1000,250,"清华大学","陕西省"],
            ["周大幅","女",34,true,"高中",11000,30,"河北大学","江苏省"],
          ];
    
    var arr_length = arr.length;
//    console.log(arr.length);
    var str = "<table width=600 border=1 align=center> ";
        for(var i=0;i<arr_length;i++){
            str += "<tr>";
            for(var j=0;j<arr[i].length;j++){
                str += "<td>"+arr[i][j]+"</td>";
            }
            str += "</tr>";
        }
        str += "</table>";
        document.write(str);
    </script>

二、函数

1、定义函数：格式：

function 函数名(参数1,参数2,参数n){

//函数体

}

使用函数求数组中的最小值：
<script type="text/javascript">
        var arr1 = [1,2,3,4,5,6,7,8,-1];
        var arr2 = [1,2,-3,4,5,6,7,8,-1];
        var arr3 = [1,2,3,4,-5,6,7,8,-1];
        var arr4 = [1,2,3,4,5,-6,7,8,-1];

    //调用函数
    getArrMin(arr1);  //这里调用时 arr1指的arr1这个数组
    getArrMin(arr2);
    getArrMin(arr3);
    getArrMin(arr4);

    function getArrMin(arr){
        var arr_min = arr[0]
        var arr_length = arr.length;
        for(var i=1;i<arr_length;i++){
            if(arr_min > arr[i]){
                arr_min = arr[i]
            }
        }
        document.write(arr_min);
    }
    </script>

使用函数输出一个自定义表格（行数自由控制）
<script type="text/javascript">
    //定义一个函数
        function showTables(row,cell,width){
            var str = "<table width="+width+" border=1 align=center>";
                for(var i=1;i<=row;i++){
                    str += "<tr>"
                    for(var j=1;j<=cell;j++){
                        str += "<td>&nbsp;</td>"
                    }
                    str += "</tr>"
                }
                str += "</table>";
        document.write(str);
        }

    //调用函数
    showTables(9,9,600);
    showTables(15,15,800);
    showTables(12,12,1000);
    </script>

三、对象  

对象是指由属性（变量）与方法（函数）来组成的！可以分为内置对象和自定义对象。

1、自定义对象的创建：格式：

var 变量名 = {

属性名:值，

属性名:值，

方法名:值

}

//使用{}来创建对象
        var person = {
            username:"猪刚鬣",
            age     :500,
            skill   :"泡妞",
            addr    :"高老庄",
            showInfo:function(){
                var str = "<h2>"+this.username+"个人信息</h2>";
                document.write(str);
            }
        }
        //调用方法
        person.showInfo();
    </script>

2、内置对象

String对象：提供了处理字符串的属性与方法。

Array对象：它主要是提供了一些操作数组的属性与方法

Math对象：它主要是提供了一些操作数学方面的方法

Date对象：它主要是提供了一些对时间日期操作的方法

Boolean对象：定义了处理布尔值的操作

Number对象：它主要是提供了一个操作数值的方法

Event对象：提供对JavaScript事件的处理信息

ReExp对象：提供对正是表达式的处理

四、 String对象

1、创建String对象

第一种：使用单引号和双引号定义的字符串变量 那么它就是一个字符串对象  如：var str="abcd";

第二种：使用new关键字和String()方法来创建。  如：var str=new String('abcd');

2、常用属性：StringObject.length   得到字符串的字符的总个数

3、常见方法：StringObject.charAt(index)  返回一个指定下标的字符，index表示指定的下标

判断用户名是否含有特殊符号
<script type="text/javascript">
        var username = "zh<an>gs#an";
        //使用函数来实现这个功能
        function checkUsername(user){
            var user_length = user.length; //得到字符串的长度
            var arr     = ["#","%","*","$","&","<",">"];
            var arr_length        = arr.length;  //得到数组的长度
            for(var i=0;i<user_length;i++){
                for(var j=0;j<arr_length;j++){
                    //如果有则表示有特殊符号
                    if(user.charAt(i) == arr[j]){
                        return false;  //return 有两层含义：中止函数继续往下执行   向函数的调用者返回数据
                    }
                }
            }
            //表示没有特殊符号
            return true;
        }
        //调用 函数
        if(checkUsername(username)){
            document.write("用户名合法!");
        }else{
            document.write("用户名含有特殊符号!");
        }
    </script>

StringObject.indexOf(substr)

查找字符串首次出现的位置，如果找到了就返回其对应的下标 ，如果找不到就返回-1，如果查找是一个“单词”找到的情况下返回是这个单词的第一个字母的下标，substr：要查找的字符串。

StringObject.lastIndexOf(substr)     查找字符串最后出现的位置StringObject.substr(startIndex[length]

从原字符串截取子字符串,startIndex：表示开始截取下标,length：可选，如果不写 表示从开始下标处一直截取到原字符串的末尾，如果有写 则表示截取字符串的长度。

StringObject.substring(startIndex[,endIndex])

从原字符串截取子字符串，startIndex：表示开始截取下标，endIndex：可选  如果不写 表示从开始下标处一直截取到原字符串的末尾，如果有写 则表示结束的下标

如果是要使用第二个参数 那么一定要记得加1。

<script type="text/javascript">
        //从以下URL中http://www.baidu.com/about/news.php 中将php给截取出来
        //第一步：定义一个变量来保存字符串
        var str = "http://www.baidu.com/about/news.php";
        var start_index = str.indexOf("php");
        //使用substr这个方法来截取
        document.write(str.substr(start_index));
        document.write(str.substring(start_index));
        var arr = str.split('.');
        document.write(arr[arr.length-1]);

    </script>

StringObject.toLowerCase()    将大写字母转换小写字母

StringObject.toUpperCase()    将小写字母转换为大写字母

StringObject.split(sep)        将字符串分割为一个数组，sep：表示指定的分割符