JAVAscript学习日志二——数组和字符串

由于JS比较难掌握,所以我们会花多一点的时间来掌握它。那么今天来说说js的数组和字符串。

数组

- 如何定义数组:

定义一个数组有3种方式


  • 定义一个确定长度或者长度不定的数组(最常用的定义方式)
var 数组名称=new Array(数组长度);
  • 定义一个元素确定的数组:
var 数组名称=new Array(元素,元素,元素..);
  • 确定一个长度很短,已知确定元素:
var 数组名称={元素,元素,元素...};

数组的主要属性:

length

是长度属性,返回数组的长度。

prototype

基本js每一个内置对象都会有该属性,可以向对象增加属性和方法。(博客最后分析哦~)

常用数组的方法(也叫函数):

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        var array1=new Array("java","js","html","css");
        var array2=new Array("篮球","足球","游泳");

        document.write(array2.concat(array1));
        //concat方法是将多组数组组合到一个数组,并返回结果
        document.write("<hr/>");
        //输出横线分割

        document.write(array1.join("@"));
        //join是将数组元素放到一个字符串里,通过制定符号(这里是@)连接。
        document.write("<hr/>");

        document.write(array1.pop());
        //pop方法是删除并且返回数组最后一个元素。
        document.write("<hr/>");

        document.write(array1.shift());
        //shift表示删除并且返回数组的第一个元素。
        document.write("<hr/>");

        document.write(array1.push("c++"));
        //push方法表示在元素末尾添加一个元素或者多个元素,并返回新数组长度。
        document.write("<hr/>");

        document.write(array1.unshift("元素1","元素2"));
        //unshift表示在数组开头添加一个或者多个元素,并且返回新数组长度。
        document.write("<hr/>");

        document.write(array1.reverse());
        //reverse表示颠倒数组中的元素
        document.write("<hr/>");

        document.write(array1.toString());
        //toString表示将数组转换为字符串,并返回结果
        document.write("<hr/>");

        document.write(array1.slice(2,4));
        //slice表示提取数组下表为2到3的元素并返回结果
        document.write("<hr/>");

        document.write(array2.splice(1,2,"西瓜","苹果"));
        //splice表示删除下标为1到2的元素并添加新的元素。
        document.write("<hr/>");

    </script>
</html>

结果不太好演示太多了,大家实践的话建议一条一条来,试一条注释一条再试下一条。

字符串

菜鸟教程js字符串讲解

字符串的定义方法:
- var 字符串名称="字符串";

字符串的属性:

length 属性表示返回字符串的长度。

prototype 可以向对象增加属性和方法。
常用字符串方法:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        var str1="我正在学习js,同时我也在学习java";
        var str2="ilovestudy";
        //定义字符串

        document.write(str1.big());
        //big方法是使字体变大
        document.write("<hr/>");

        document.write(str1.bold());
        //bold方法是使字体加粗
        document.write("<hr/>");

        document.write(str1.italics());
        //italics方法是使字体倾斜
        document.write("<hr/>");

        document.write(str1.charAt(2));
        //charAt方法是返回在指定位置的字符(返回第2个字符)
        document.write("<hr/>");

        document.write(str1.charCodeAt(2));
        //charCodeAt是反回在指定位置的字符的Unicode码
        document.write("<hr/>");

        document.write(str1.concat(str2));
        //concat方法是拼接字符串
        document.write("<hr/>");

        document.write(str1.indexOf("学习",5));
        //返回字符串中检索指定字符第一次出现的位置,(从下标为5开始检索)
        document.write("<hr/>");

        document.write(str1.lastIndexOf("学习",5));
        //返回字符串中检索指定字符最后一次出现的位置(从下标为5之前检索)
        document.write("<hr/>");

        document.write(str1.substr(2,3));
        //substr从检索开始提取指定数量的字符串(从下标为2开始取3个字符串并返回值)
        document.write("<hr/>");


        document.write(str1.substring(2,5));
        //substring从检索开始下标提取字符串到终止值下标-1停止(从下标为2到下标为4取字符串并返回值)
        document.write("<hr/>");


    </script>
</html>

那么关于prototype的知识咱请看下集,嘿嘿嘿~

猜你喜欢

转载自blog.csdn.net/Lnd_Niu/article/details/81350141
今日推荐