面向对象认识JS-内置对象

Posted 2020-09-14 李大白

string

string对象构造函数 ——字符串即对象

传统方式 ：var zhangsan =‘张三‘;

通过对象形式：var lisi = new String(‘李四‘);

字符串对象属性和方法概述

获取字符串长度Length属性
连接字符串：concat
获取索引值：indexOf()
根据索引值获取单个字符：charAt()

concat方法

    var s1="a";
    var s2="b";
    var s3="c";
    console.log(s1.concat(s2,s3));//abc

    var arr = [1, 2, 3];
    console.log(arr.concat(4, 5));//[1,2,3,4,5]

indexOf --- 找到匹配项返回索引值，如果没找到返回-1

    var myString="javascript";
    var a1=myString.indexOf("v");//2
    var a2=myString.indexOf("S");//4
    var a3=myString.indexOf("Script");//4
    var a4=myString.indexOf("key");// 如果没有匹配项返回 -1

　　完整的indexof用法

可以传入第二个参数：indexOf（str，fromIndex）
表示从索引位置fromIndex开始查找，如果fromIndex省略，则表示默认从起始索引0开始查找；
若fromIndex为负，则从索引0开始查找。

    var b1 = myString.indexOf("v",5);// 从下标5开始查找，而v在索引2，所以找不到，返回-1
    var b2 = myString.indexOf("v",1);//-2
    console.log(b1)//-1
    console.log(b2)//-2

charAt  ---- 返回指定索引位置的字符，若索引越界，返回空字符串。

返回指定索引位置的字符
(因为Javascript中没有字符类型，所以返回的是长度为1的字符串)。

    myString="JavaScript";
    console.log(myString.charAt(1));//a
    console.log(myString.charAt(10000000000000000));//若索引越界，返回空字符串
    console.log(myString.charAt(-1));//若索引越界，返回空字符串  -- ""
    console.log(myString.charAt(-10000000000000000000000));//若索引越界，返回空字符串

substr(fromIndex,length)　获取部分字符串,从起始索引fromIndex开始截取长度length的字符串

myString="JavaScript";

从起始索引fromIndex开始截取长度length的字符串 - 正向截取

    console.log(myString.substr(1,1));//a          表示从第1个索引值开始截取，截取1个字符
    console.log(myString.substr(1,2));//av女忧     表示从第1个索引值开始截取，截取2个字符

若不指定length或者length超过可截取的最大长度，则截取到结尾。　

    console.log(myString.substr(1));//avaScript
    console.log(myString.substr(1,4000000));//avaScript

反向截取
若起始索引为负，则从右往左开始截取 - -1表示倒数第一个， -2表示倒数第二个

myString="JavaScript";

    console.log(myString.substr(-1,1));//t  表示从倒数第一个开始截取，截取1个字符
    console.log(myString.substr(-2,1));//p  表示从倒数第二个开始截取，截取1个字符

    console.log(myString.substr(-6,1));//S  表示从倒数第6个开始截取，截取1个字符
    console.log(myString.substr(-6,2));//Sc  表示从倒数第6个开始截取，截取2个字符

substring(startIndex,endIndex)　　获取部分字符串

截取 起始索引startIndex 到 结束索引endIndex的子字符串，
结果包含startIndex处的字符，不包含endIndex处的字符。

    //如果省略个数,则自动获取后面所有
     console.log(myString.substring(4));//Script
    //若startIndex或者endIndex为负，则会被替换为0。
    console.log(myString.substring(-1,1));//J
    //若startIndex = endIndex，则返回空字符串。
    console.log(myString.substring(3,3));//返回空
    //若startIndex > endIndex，则执行方法时，两个值会被交换。
    console.log(myString.substring(3,1));//等价于myString.substring(1,3)　

　slice(startIndex,endIndex)　  获取部分字符串

截取 起始索引startIndex 到 结束索引endIndex的子字符串，
结果包含startIndex处的字符，不包含endIndex处的字符。

    myString="JavaScript";
    console.log(myString.slice(1,3)) //av
    console.log(myString.slice(4,5)) //S
    console.log(myString.slice(4)) //Script  //如果省略个数,则自动获取后面所有

// 基本用法和substring用法一样，不同点如下：

// stringObj.slice(start, [end])
// 如果 start 为负，将它作为 length + start处理，此处 length 为数组的长度。
console.log(myString.slice(-1,3))
// 如果 end 为负，就将它作为 length + end 处理，此处 length 为数组的长度。
console.log(myString.slice(2,-3))
// 如果省略 end ，那么 slice 方法将一直复制到 arrayObj 的结尾。
// 如果 end 大于 start，不复制任何元素到新数组中。
//
// strVariable.substring(start, end)
// 如果 start 或 end 为 NaN 或者负数，那么将其替换为0。
// 子字符串的长度等于 start 和 end 之差的绝对值。例如，在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的长度是 3。
// slice可以对数组操作，substring不行。。。

split()分割　　

 按给定字符串分割，返回分割后的多个字符串组成的字符串数组。

    console.log(‘split()用法‘)
    var s="a,bc,d";
    console.log(s.split(","));//["a", "bc", "d"]
    s="a1b1c1d1";
    console.log(s.split("1"));//["a", "b", "c", "d", ""]

John()合并　　

使用您选择的分隔符将一个数组合并为一个字符串

    var myList=new Array("jpg","bmp","gif","ico","png");
    var imgString=myList.join("|");//结果是jpg|bmp|gif|ico|png

split()还可以结合正则表达式

    myString = ‘javascript is a good script language‘;
    console.log(myString.split(/\s/)); //javascript,is,a,good,script,language
    //传入\s表示要匹配空格，我们将字符串分割为一个数组，如果你要访问某一个，那么可以明确指出：
    console.log(myString.split(/\s/)[3]); //good

字符串大小写转换
使用您选择的分隔符将一个数组合并为一个字符串

    myString="JavaScript";
    myString = myString.toLowerCase();//javascript
     myString = myString.toUpperCase();//JAVASCRIPT