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、二维数组的创建和遍历

二、函数

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：表示指定的分割符

秒客网

JavaScript的学习3

相关文章