JS文字列メソッドを使用する手順の詳細な説明

今回は、JS string メソッドを使用する手順について詳しく説明します。 JS string メソッドを使用する際の 注意事項 について、実際のケースを見てみましょう。

1

""

、または

'' のペアで構成される文字列は、0 個以上の文字
で構成されます。

文字列の長さ:

返回值类型：指的是函数调用结束后返回的值的类型。
对象.方法名称：指的是调用方法。
参数列表：表示函数调用时传入的参数。[]表示可选参数，可写可不写。

例:

string.length;

3.charAt関数: このメソッドは、対応する位置にある文字 を返します。
構文: string string.charAt(index);

パラメータ:

インデックスは、

0 から文字列の長さ-1

までの整数を指します。

戻り値: 文字列に対応する文字を返します。
注:

var str1="abc";
var str2="";
var str3=" ";
console.log(str1.length);//3
console.log(str2.length);//0
console.log(str3.length);//1

- 如果传入参数小于0或者大于 字符串长度-1，则返回空字串。
- 如果传入boolean值，如果为true，默认是转化为数字1，指到字符串第二个字符。如果为false，默认是转化为数字0，指到字符串第一个字符。
- 如果传入任意字符串，则指到字符串第一个字符。

4.chatCodeAt関数: 対応する文字の Unicode 値を返す
構文: number string.charCodeAt(index);

パラメータ: インデックスの意味

0 から文字列の長さ -1 までの整数

。

戻り値: 文字列に対応する文字の Unicode 値 を返します。
注: 受信パラメータ が 0
より小さい場合、または が文字列長 -1 より大きい場合、空の文字列が返されます。 NANが返されます。

<script>
        var str="abc";
        console.log(str.charAt(0));//a
        console.log(str.charAt(2));//c
        console.log(str.charAt(-88));//""
        console.log(str.charAt(false));//a
        console.log(str.charAt(true));//b
        console.log(str.charAt("unm"));//a
</script>

4.fromCharCode
関数: Unicode値を対応する文字に変換します。

構文:

string String.fromCharCode(index);
パラメータ: インデックスは、任意の整数を渡すことを指します。 戻り値:

Unicode値に対応する文字列

を返します。

<script>
    var str="abc";
    console.log(str.charCodeAt(0));//97
    console.log(str.charCodeAt(2));//99
    console.log(str.charCodeAt(-88));//NAN
    console.log(str.charCodeAt(false));//97
    console.log(str.charCodeAt(true));//98
    console.log(str.charCodeAt(undefined));//97
    console.log(str.charCodeAt("zzzz"));//97
</script>

暗号化と復号化の小さな例5.indexOf
関数: このメソッドが呼び出されたときに、文字列 が最初に出現する位置
を返します。 構文:
number string.indexOf((searchValue [, fromIndex]));パラメータ:

searchValue

は、検索する文字列を参照します。

fromIndex

は検索を開始する場所を指します。デフォルト値は 0 です。

戻り値: 数値を返します。 注:
存在する場合は位置を返し、存在しない場合は -1 を返します。

<script>
    console.log( String.fromCharCode( 97 ) );//a
    console.log( String.fromCharCode( 65 ) );//A
</script>

5.lastIndexOf
関数: このメソッドが呼び出されたときに、指定された値、つまり文字列 の最後の が表示される位置を返します。 構文:
number string.indexOf((searchValue [, fromIndex]));
パラメータ: searchValue

は、検索する文字列を参照します。

fromIndex

は、検索を開始する場所を指します。デフォルト値は str.length-1 です。

戻り値: 数値を返します。 注:
存在する場合は位置を返し、存在しない場合は -1 を返します。

<script>
    var str="abcabcabc";
    console.log(str.indexOf("a"));//0
    console.log(str.indexOf("b"));//1
    console.log(str.indexOf("z"));//-1
    console.log(str.indexOf("ab"));//0
    console.log(str.indexOf("ac"));//-1
    console.log(str.indexOf("bc",0));//1
    console.log(str.indexOf("bc",-2));//1
    console.log(str.indexOf("bc",18));//-1
</script>

6.slice
関数: メソッドは文字列の一部を抽出し、この新しい文字列 (開始位置を含み、終了位置は含まない) を返します。 構文:
string string.slice ( (star [, end]));
パラメータ: star はインターセプトされた 開始位置

を指し、end はインターセプトされた

終了位置

を指し、デフォルトは最後の文字の位置 + 1 (文字列長) ）。

戻り値: インターセプトされた文字列を返します。
注:
は、パラメータのサイズに応じてパラメータの位置を交換しません。パラメータに負の値がある場合は、最後から処理されます。 -1 は最後の要素を指し、-2 は最後から 2 番目の要素を指します。

<script>
    var str="abcabc";
    console.log(str.slice(2));//"cabc"
    console.log(str.slice(0,2));//"ab"
    console.log(str.slice(2,2));//""
    console.log(str.slice(2,-1));//"cab"
    console.log(str.slice(2,-6));//""
    console.log(str.slice(2,1));//""
    console.log(str.slice(-2,-1));//"b"
</script>

7.substring

作用： 方法提取字符串中的一部分，并返回这个新的字符串（包含起始位置，不包含结束位置）
语法： string string.slice((star [, end]));
参数： star是指截取的起始位置，end是指截取的结束位置，默认为最后一个字符的位置+1 ( 字符串的长度 )。
返回值：  返回 截取后的字符串。

注意：

• 会根据起始位置和结束位置的大小先进行参数位置的变换

• 会把负值转换成0

<script>
    var str="abcabc";
    console.log(str.substring(2));//"cabc"
    console.log(str.substring(0,2));//"ab"
    console.log(str.substring(2,2));//""
    console.log(str.substring(2,-1));//"ab"
    console.log(str.substring(2,-6));//"ab"
    console.log(str.substring(2,1));//"b"
    console.log(str.substring(-2,-1));//""
</script>

8.substr

作用: 截取指定 起始位置和长度 的子字符串.
语法: string string.substr(start [, length]);
参数: start :截取的起始位置 。length:截取的字符串长度，默认为字符长度。
返回值: 返回截取后的字符串

<script>
    var str="abcabcabcabc";
    console.log(str.substr(0));//abcabcabcabc
    console.log(str.substr(3));//abcabcabc
    console.log(str.substr(3,5));//abcab
    console.log(str.substr(3,-1));""
</script>

9.toLowerCase

1.toLowerCase
作用: 把字符串全部转成小写
语法: string string.toLowerCase();
返回值: 返回转成小写的字符串。

2.toUpperCase
作用: 把字符串全部转成大写
语法: string string.toUpperCase();
返回值: 返回转成大写的字符串。

<script>
        var str = "liangZhiFANG";
        console.log( str.toLowerCase() );//"liangzhifang"
        console.log( str.toUpperCase() );//"LIANGZHIFANG"
        console.log( str );//"liangZhiFANG"
        console.log( "LoveJs".toLowerCase() );//"lovejs"
</script>

10.split

作用: 通过一个指定的字符串 把原字符串分割成一个数组。
语法: array string.split([separator] [, limit])
参数:separator是指分割符。limit指定最多分割的数量，可以理解为数组长度，默认为全部。
返回值:返回一个数组。
注意:当没有分割符的时候(没有传入参数)，整个字符串将作为一个整体保存到数组中。 用分割符分割的时候，分割符会在被删除了在传入数组。

<script>
        var str="我爱,你,们";
        console.log(str.split(","));//["我爱","你","们"]
        console.log(str.split(",",2));//["我爱","你"]
        console.log(str.split());//["我爱,你,们"]
        console.log(str.split("mmm"));//["我爱,你,们"]
        console.log(str.split(""));//["我", "爱", "," , "你", "," ,"们"]
    </script>

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

使用前端方法实现图片转字符画

实战中使用CSS技巧分享

以上がJS文字列メソッドを使用する手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。