집 > 기사 > 웹 프론트엔드 > JS 문자열 방법을 사용하는 단계에 대한 자세한 설명

JS 문자열 방법을 사용하는 단계에 대한 자세한 설명

php中世界最好的语言원래의: 2018-05-24 16:07:402176검색

이번에는 JS 문자열 방법을 사용하는 단계에 대해 자세히 설명합니다. JS 문자열 방법을 사용할 때 주의 사항 은 무엇입니까?

1. 메소드 읽기 설명

반환값 유형Object.메소드 이름(매개변수 1[, 매개변수 2]);
설명:

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

2. Stringattribute

정의:A 문자열로 "" 또는 '' 쌍으로 구성된 것은 0개 이상의 문자로 구성됩니다.
문자열 길이:

string.length;

eg:

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

3.charAt

함수: 이 메서드는 해당 위치의 문자 를 반환합니다.
구문:  string string.charAt(index);
매개변수: 인덱스는 0부터 문자열 길이-1 까지의 정수를 나타냅니다.
반환 값: 문자열에 해당하는 문자 를 반환합니다.

참고:

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

<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.chatCodeAt

기능: Return 해당 문자의 유니코드 값
구문:  number string.charCodeAt(index);
매개변수: 색인은 다음을 의미합니다. 0부터 문자열 길이 -1까지의 정수 .
반환 값: 문자열에 해당하는 문자의 유니코드 값 을 반환합니다.

참고:
들어오는 매개변수 가 0보다 작거나 가 문자열 길이 -1보다 큰 경우 빈 문자열이 반환됩니다. NAN이 반환됩니다.

<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>

4.fromCharCode

기능: 유니코드 값을 해당 문자로 변환합니다.
구문:  string String.fromCharCode(index);
매개변수: index는 정수를 전달하는 것을 의미합니다.
반환 값: 유니코드 값에 해당하는 문자열 을 반환합니다.

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

암호화 및 복호화의 작은 예

5.indexOf

기능: 이 메소드가 호출될 때 먼저 문자열이 나타나는 위치를 반환합니다.
구문:  number string.indexOf((searchValue [, fromIndex]));
매개변수: searchValue는 찾을 문자열을 나타냅니다. fromIndex 는 검색을 시작할 위치를 나타냅니다. 기본값은 0입니다.
반환 값: 숫자를 반환합니다.
참고: 존재하는 경우 위치를 반환하고, 그렇지 않은 경우 -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>

5.lastIndexOf

함수: 이 메소드가 호출될 때 문자열 의 마지막 위치를 반환합니다.
구문:  number string.indexOf((searchValue [, fromIndex]));
매개변수: searchValue는 찾을 문자열을 나타냅니다. fromIndex 는 검색을 시작할 위치를 나타냅니다. 기본값은 str.length-1입니다.
반환 값: 숫자를 반환합니다.
참고: 존재하는 경우 위치를 반환하고, 그렇지 않은 경우 -1을 반환합니다.

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

6.slice

함수: 메서드는 문자열의 일부를 추출하여 이 새 문자열을 반환합니다. (시작 위치 포함, 끝 위치 제외)
구문:  string string.slice( (star [, end]));
매개변수: star는 차단된 시작 위치 를 나타내고 end는 차단된 끝 위치 를 나타내며 기본값은 마지막 문자 위치 + 1(문자열 길이)입니다. ).
반환 값: 가로채는 문자열을 반환합니다.

참고:

은 매개변수 크기에 따라 매개변수 위치를 교환하지 않습니다.
매개변수에 음수 값이 있으면 끝부터 처리됩니다. -1은 마지막 요소를 나타내고, -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中文网其它相关文章！