JavaScript連載23-String物件及其常用方法-有解無憂

一、String物件

1.字串的所有方法，都不會修改字串本身（字串是不可變的，操作完成之后會回傳一個新的字串）

注意點：拼接大量的字串會有性能問題，我們經常使用服務器渲染和模板引擎來解決這個問題
常用的方法:
（1）str.length
獲取字串的長度
（2）str.charAt(index)
可以用來獲取字串的某個索引位置的字符
（3）str.charCodeAt(index)
可以用來獲取字串的某個索引位置的字符的ASCII碼
（4）str[index]
可以用來獲取字串第index位置的字符
（5）str.concat(str2)
str2為String型別，用于拼接兩個字串，相當于“+”號
（6）str.slice(start,end)
從start開始，一直截取到end位置字符子串(不包括end位置)
（7）str.substring(start,end)
從start開始，一直截取到end位置字符子串(不包括end位置)
（8）str.substr(start,length)
從start開始，一直截取length長度的字符子串(不包括end位置)\

    var str = "itlike.com";
    console.log(str.charAt(3));

    for(var i=0;i<str.length;i++){
        console.log(str.charAt(i));
    }
    console.log("=========");
    console.log(str.charCodeAt(1));
    console.log(str[1]);
    console.log("==============");
    console.log(str.concat("fujiade"));
    console.log(str.slice(0, 2));
    console.log(str.substring(0, 2));
    console.log(str.substr(2, 2));

運行結果：
23.1 （9）str.indexOf(character)
回傳字符character在元字串中從前往后找的第一個的位置索引
（10）str.lastIndexOf(character)
回傳字符character在元字串中從后往前找的第一個的位置索引
（11）str.tirm()
只能去除字串前后的空白
（12）str.toUpperCase
將字串轉換為大寫的
（13）str.toLowerCase()
將字串轉換為小寫的
（14）str.seach(string)
在字串中查找子字串string的位置，并回傳第一找到的索引，沒有找到回傳-1\

    var str = "itlike.com";
    console.log(str.indexOf('k'));
    console.log(str.lastIndexOf('o'));
    var str2 = "   sdifjos   f    "
    console.log(str2.trim());
    var str3 = "sdfjosFJDISHJOGsjdfFJOF"
    console.log(str3.toLowerCase());
    console.log(str3.toUpperCase());
    console.log("=======================");
    console.log(str.search("it"));
    console.log(str.search("i"));
    console.log(str.search("itsdf"));

顯示結果：
23.2

2.做一個練習

URL轉化為物件

    var url = "http://www.itlike.com/user?name=xl&pwd=lovexl&sex=女&age=2";
    function getUrlParams(url) {
        //起點
        var index = url.indexOf("?")+1;
        var params = url.substring(index);//沒有傳第二個值就代表著后面全都要
        var paramsArr = params.split("&");//回傳一個陣列
        console.log(paramsArr);
        var obj = {};
        paramsArr.forEach(function (value, index, array) {
            console.log(value);
            var tempArr = value.split("=");
            obj[tempArr[0]] = tempArr[1];
            console.log(obj);
        });
        return obj;
    }
    var obj = getUrlParams(url);
    console.log(obj);

顯示結果：
23.3

二、原始碼：

D23_1_StringAPI.html
地址:https://github.com/ruigege66/JavaScript/blob/master/D23_1_StringAPI.html
博客園：https://www.cnblogs.com/ruigege0000/
CSDN：https://blog.csdn.net/weixin_44630050?t=1
歡迎關注微信公眾號：傅里葉變換，個人賬號，僅用于技術交流，后臺回復“禮包”獲取Java大資料學習視頻禮包

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/43739.html

標籤：JavaScript

上一篇：解決 select2 開啟 tags 不能輸入中文的問題

下一篇：ES2020的這些新功能令人期待