js的对象操作~~~~

JS最重要的就是它的内置对象,以及对象的操作。 接下来我会介绍js的常用对象,以及他们的常用的函数方法,这些最好是记住

内置对象的思维导图:
这里写图片描述
【学习方法:】我这里是建议大家,使用查看手册的方法学习,比如说我学习Js的String对象,如果说,忘记了一些方法+属性的话,可以翻阅手册查看String对象带有的方法。其实,这种方法在学习java的时候经常用到的,因为java的类库非常非常庞大,我们不能够记忆所有的方法,所以必要的时候需要查看手册下面的笔记我尽量遵循这种学习的方法,详细可以参考一下“js的String对象”,String对象我对做的稍微详细一点,其间我会指出一下重要的属性+方法,这些希望大家时间记住

1、js的String对象

** 创建String对象
* var str = “abc”;
** 方法和属性(文档):我把文档截图放在这里给大家看

这里写图片描述
这里写图片描述
这里写图片描述

【解析、掌握的】
属性
length

document.write(str.length); //打印字符串的长度


方法
(1)与html相关的方法:至于说方法怎么使用问题,不懂的尽量去翻阅手册,比如说,对fontsize(),参数如何写问题,看截图。我尽量简答概括一下,举个例子就懂了。哈哈

这里写图片描述
- bold():加粗
- fontcolor(): 设置字符串的颜色
- fontsize(): 设置字体的大小
- link(): 将字符串显示成超链接
- sub() sup(): 下标和上标

    var str = " hello";
    document.write(str.bold())
    document.write(str.fontsize(7))
    document.write(str.sub())
    str.link("hello.html")


(2)与java相似的方法
- concat(): 连接字符串

         //concat方法
        var str1 = "abc";var str2 = "dfg";
        document.write(str1.concat(str2));  //abcdfg
  • charAt():返回指定指定位置的字符串
    //charAt()
     var str3 = "abcdefg";
     document.write(str3.charAt(20)); //字符位置不存在,返回空字符串
  • indexOf(): 返回字符串位置
     var str4 = "poiuyt";
    document.write(str4.indexOf("w")); //字符不存在,返回-1
  • split():切分字符串,成数组
    var str5 = "a-b-c-d";var arr1 = str5.split("-");
    document.write("length: "+arr1.length);
  • replace() : 替换字符串,传递两个参数:
    – 第一个参数是原始字符
    – 要替换成的字符
      var str6 = "abcd";
      document.write(str6);//abcd
      document.write("<br/>");//br
      document.write(str6.replace("a","Q"));//Qbcd
  • substr()和substring()
    substr():从第几位开始,向后截取几位
      var str7 = "abcdefghuiop";
      document.write(str7.substr(5,5));  //fghui  从第五位开始,向后截取五个字符  fghui

substring(): 从第几位开始,到第几位结束,但是不包含最后哪一位

    document.write("<br/>");
    document.write(str7.substring(3,5)); //de  从第几位开始到第几位结束  [3,5)   de


【总结:】到此已经把string对象重要的方法和属性讲完,不要小看我上面的一些提示性代码,初学者可以敲一下加深印象。接下来讲解的对象将不会像上面这么啰嗦,只是列举重要的方法和属性,手册也不会截图出来,自己去看手册,晚点我会上传手册给大家

<script type="text/javascript">

        //concat方法
        var str1 = "abc";
        var str2 = "dfg";
        document.write(str1.concat(str2));

        //charAt方法
        document.write("<hr/>");
        var str3 = "abcdefg";
        document.write(str3.charAt(20)); //字符位置不存在,返回空字符串


        //indexOf方法
        document.write("<hr/>");
        var str4 = "poiuyt";
        document.write(str4.indexOf("w")); //字符不存在,返回-1

        //split方法
        document.write("<hr/>");
        var str5 = "a-b-c-d";
        var arr1 = str5.split("-");
        document.write("length: "+arr1.length);

        //replace
        document.write("<hr/>");
        var str6 = "abcd";
        document.write(str6);
        document.write("<br/>");
        document.write(str6.replace("a","Q"));

        //substr  substring
        document.write("<hr/>");
        var str7 = "abcdefghuiop";
        //document.write(str7.substr(5,5));  //fghui  从第五位开始,向后截取五个字符

        document.write("<br/>");
        document.write(str7.substring(3,5)); //de  从第几位开始到第几位结束  [3,5)
    </script>

2、js的Array对象

** 创建数组(三种) :这里我在前面一篇”js的入门“里已经讲过了,忘记的可以看一下

         var arr1 = [1,2,3];
         var arr2 = new Array(3); //长度是3
         var arr3 = new Array(1,2,3); //数组中的元素是1 2 3
         var arr = [];  //创建一个空数组


** 属性:length:查看数组的长度
** 方法
- concat方法: 数组的连接

        var arr11 = [1,2,3];
        var arr12 = [4,5,6];
        document.write(arr11.concat(arr12)); //1,2,3,4,5,6
  • join():根据指定的字符分割数组
    * var arr13 = new Array(3);
            arr13[0] = "a";
            arr13[1] = "b";
            arr13[2] = "c";
            document.write(arr13); //a b c
            document.write(arr13.join("-")); //a-b-c

push():向数组末尾添加元素,返回数组的新的长度
** 如果添加的是一个数组,这个时候把数组当做一个整体字符串添加进去

        * //push方法
        var arr14 = ["tom","lucy","jack"];
        document.write("new length: "+arr14.push("zhangsan"));// 4
        document.write("new array: "+arr14);//tom,lucy,jack,zhangsan
        //添加数组
        var arr15 = ["aaa","bbb","ccc"]; 
        document.write("new length:"+arr14.push(arr16));  //4 
        document.write("new array: "+arr15);
        for(var i=0;i<arr15.length;i++) {
            alert(arr15[i]);
        }  //tom,lucy,jack,aaa,bbb,ccc
  • pop():表示 删除最后一个元素,返回删除的那个元素
    * var arr17 = ["zhangsan","lisi","wangwu","zhaoliu"];
      document.write("return: "+arr17.pop());//zhaoliu
      document.write("new array: "+arr17);   //zhangsan,lisi,wangwu
  • reverse():颠倒数组中的元素的顺序
    //reverse方法
    document.write("<hr/>");
    var arr18 ["zhangsan1","lisi1","zhaoliu1","niuqi1"];
    document.write("new array:"+arr18.reverse());//niuqi1,zhaoliu1,lisi1,zhangsan1

【由此可以看出:】
数组输出的两种方法,一种是直接输出,一种是遍历输出

由于前面讲了String对象,用了太多的篇幅,其他的对象看下一篇,接下来会比较简洁一下,带大家入门即可


posted @ 2016-12-09 22:48  小郑6  阅读(163)  评论(0编辑  收藏  举报