String字符串方法详解

String.prototype

constructor属性

• 用于创造对象的原型对象的特定的函数

length属性

• 返回了字符串的长度

slice()

• 取某个字符串的一部分，并返回一个新的字符串，且不会改动原字符串

<script>
        var str = "hello world";
        console.log(str.slice(1));
        //ello world
        console.log(str);
        //"hello world"
 
        console.log(str.slice(1,2));
        //e
    </script>

split()

• 基于指定的分隔符将一个字符串分割成多个子字符串，并将结果放在一个数组中

<script>
        var str = "唐僧,猪八戒,沙和尚,孙悟空";
        console.log(str);
        //唐僧,猪八戒,沙和尚,孙悟空
 
        console.log(str.split());
        //["唐僧,猪八戒,沙和尚,孙悟空"]
        console.log(str.split("@"));
        //["唐僧,猪八戒,沙和尚,孙悟空"]
        console.log(str.split(""));
        //["唐", "僧", ",", "猪", "八", "戒", ",", "沙", "和", "尚", ",", "孙", "悟", "空"]
    </script>

substring()

• 用来截取字符串

 <script>
        var str = "sbcdefghijk";
        console.log(str.substring());
        //sbcdefghijk
 
        console.log(str.substring(1));
        // bcdefghijk
        console.log(str.substring(1,5));
        //bcde
    </script>

cocat()

• 将一或多个字符串拼接起来返回拼接的到的新字符串。

<script>
        var str = "abc";
        var str1 = "123";
        var str2 = "北京深圳";
        console.log(str.concat(str1,str2));
        //abc123北京深圳
    </script>

indexOf()

• 搜索字符串中是否含有指定内容

<script>
        var str = "hello world";
        console.log(str.indexOf("e"));
        //1
 
        console.log(str.indexOf("z"));
        //-1
    </script>

lastIndexOf()

• 它会从最后一个元素向前找

<script>
        var str = "abcddcba";
        console.log(str.lastIndexOf("a"));
        //7
 
        console.log(str.lastIndexOf("z"));
        //-1
    </script>

toLowerCase()

• 将字符串转化为小写

<script>
        var str = 'hdoDSGdsfDGSDfdg';
        console.log(str.toLowerCase());
        //hdodsgdsfdgsdfdg
        console.log(str.toUpperCase());
        //HDODSGDSFDGSDFDG
    </script>

toUpperCase()

• 将字符串转换为大写

<script>
        var str = 'hdoDSGdsfDGSDfdg';
        console.log(str.toLowerCase());
        //hdodsgdsfdgsdfdg
        console.log(str.toUpperCase());
        //HDODSGDSFDGSDFDG
    </script>

valueof()

• 用来获取对象中的基本值的

<script>
        var num = new Number('123');
        console.log(num);
        //Number {123}
        //[[PrimitiveValue]]: 123
        console.log(num.valueOf());//123
 
        var str = new String('abc');
        console.log(str);
        //String {"abc"}
        //[[PrimitiveValue]]: "abc"
        console.log(str.valueOf());//abc
 
 
        var bool = new Boolean(true);
        console.log(bool);
        //Boolean {true}
        //[[PrimitiveValue]]: true
        console.log(bool.valueOf());//true
 
 
        var arr = new Array('123');
        console.log(arr.valueOf()) //["123"]
        var obj = { name: "wangkai" };
        console.log(obj.valueOf())//{name: "wangkai"}
    </script>

trim()

• 去除字符串两端的空格

<script>
        var str = "    王凯      ";
        console.log(str);
        //     王凯      
        console.log(str.trim());
        //王凯
    </script>

charCodeAt()

• 根据传入的位置取得其所在的字符编码（unicode码）。（不常用）

<script>
        console.log("ABC".charCodeAt(0));
        // returns 65:"A"
        console.log("ABC".charCodeAt(1));
        // returns 66:"B"
        console.log("ABC".charCodeAt(2));
        // returns 67:"C"
        console.log("ABC".charCodeAt(3));
        // returns NaN
        var str = "a";
        console.log(str.charCodeAt());
        //97
    </script>

charAt()

• 根据传入的位置取得其所在的字符

<script>
        var str = "abc";
        console.log(str.charAt(1));
        //b
    </script>

replace()

• 替换子字符串。（其他功能讲正则的时候说）将某个字符串置换成某个字符串。

• 这种情况下只能替换一次，多次是不能自动替换的。

 <script>
        var text = 'cat,bat,sat,fat,hat';
 
        console.log(text.replace('at', 'bb'));
        //cbb,bat,sat,fat,hat
    </script>

includes()

• 判断一个字符串是否包含在另一个字符串中(区分大小写)

<script>
        var str = "hello world";
 
        console.log(str.includes('o')); //true
 
        console.log(str.includes('0')); //false
 
        console.log(str.includes('O')); //false
 
        console.log(str.includes('o', 7)); //true
 
        console.log(str.includes('h', 2)); //false
</script>

startsWith()

• 用来判断当前字符串是否以另外一个给定的子字符串开头

<script>
        var str = "hello world";
 
        console.log(str.startsWith('h')); //true
 
        console.log(str.startsWith('e')); //false
</script>

endsWith()

• 判断当前字符串是否是以另外一个给定的子字符串“结尾”的

 <script>
        var str = "hello world";
 
        console.log(str.endsWith('d')); //true
 
        console.log(str.endsWith('l')); //false
 
        console.log(str.endsWith('d', 5)); //false
</script>

repeat()

• 返回一个新字符串，表示将原字符串重复N次。返回新字符串。

<script>
        var str = '祖国,你好';
 
        console.log(str.repeat(10000))
</script>

padStart()

• 用另一个字符串填充当前字符串(如果需要的话，会重复多次)，以便产生的字符串达到给定的长度。从当前字符串的左侧开始填充

 <script>
        var t = 'x';
 
        console.log(t.padStart(5, 'ab')); //ababx
 
        console.log(t.padStart(7, 'ab')); //abababx
 
        console.log("10".padStart(4, '0'))
</script>

padEnd()

• 用一个字符串填充当前字符串（如果需要的话则重复填充），返回填充后达到指定长度的字符串。从当前字符串的末尾（右侧）开始填充

<script>
        console.log('abc'.padEnd(10, 'x'));
 
        //abcxxxxxxx
</script>