javascript

{
    "javascript reference".at(0)    // j
    "javascript reference".at(3)    // a
    "javascript reference".at(5)    // c
    "javascript reference".at(10)    // 빈문자열
    "javascript reference".at(11)    // r
    "javascript reference".at(12)    // e
    "javascript reference".at(-1)    // e
    "javascript reference".at(-2)    // c
    "javascript reference".at(-5)    // r
    "javascript reference".at(22)    // undefined

    console.log("문자열".at(위치값));
}

{
    "javascript reference".charAt(0)    // j
    "javascript reference".charAt(3)    // a
    "javascript reference".charAt(5)    // c
    "javascript reference".charAt(10)    // 빈문자열
    "javascript reference".charAt(11)    // r
    "javascript reference".charAt(12)    // e

    console.log("문자열".charAt(위치값));
}

{
    "javascript reference".charCodeAt(0)    // j의 UTF-16 코드 유닛 값 : 106
    "javascript reference".charCodeAt(3)    // a의 UTF-16 코드 유닛 값 : 97
    "javascript reference".charCodeAt(5)    // c의 UTF-16 코드 유닛 값 : 99
    "javascript reference".charCodeAt(10)    // 빈문자열의 UTF-16 코드 유닛 값 : 32
    "javascript reference".charCodeAt(11)    // r의 UTF-16 코드 유닛 값 : 114
    "javascript reference".charCodeAt(12)    // e의 UTF-16 코드 유닛 값 : 101
    "javascript reference".charCodeAt(-1)    // NaN
    "javascript reference".charCodeAt(22)    // NaN

    console.log("문자열".charCodeAt(위치값));
}

{
    "javascript reference".codePointAt(0)    // j의 UTF-16 유니코드 포인트 정수 값 : 106
    "javascript reference".codePointAt(3)    // a의 UTF-16 유니코드 포인트 정수 값 : 97
    "javascript reference".codePointAt(5)    // c의 UTF-16 유니코드 포인트 정수 값 : 99
    "javascript reference".codePointAt(10)    // 빈문자열의 UTF-16 유니코드 포인트 정수 값 : 32
    "javascript reference".codePointAt(11)    // r의 UTF-16 유니코드 포인트 정수 값 : 114
    "javascript reference".codePointAt(12)    // e의 UTF-16 유니코드 포인트 정수 값 : 101
    "javascript reference".codePointAt(-1)    // undefined
    "javascript reference".codePointAt(22)    // undefined

    console.log("문자열".codePointAt(위치값));
}

{
    const str1 = "java";
    const str2 = "script";
    const result1 = str1.concat(str2);

    console.log(result1);    // javascript

    const str3 = "javascript";
    const str4 = "reference";
    const result2 = str1.concat(' ', str4);

    console.log(result2);   // javascript reference
}

{
    "javascript reference".includes("javascript");      // true
    "javascript reference".includes("j");               // true
    "javascript reference".includes("J");               // false
    "javascript reference".includes("a");               // true
    "javascript reference".includes("reference");       // true
    "javascript reference".includes("reference", 11);   // true
    "javascript reference".includes("reference", 12);   // false

    console.log("javascript reference".includes(검색값, 위치값));
}

{
    "javascript refercence".indexOf("javascript");      // 0
    "javascript refercence".indexOf("javascripts");     // -1
    "javascript refercence".indexOf("j");               // 0
    "javascript refercence".indexOf("J");               // -1
    "javascript refercence".indexOf("a");               // 1
    "javascript refercence".indexOf("jv");              // -1
    "javascript refercence".indexOf("refercence");      // 11
    "javascript refercence".indexOf("r");               // 6
    "javascript refercence".indexOf("re");              // 11
    "javascript refercence".indexOf("javascript", 0);   // 0
    "javascript refercence".indexOf("javascript", 1);   // -1
    "javascript refercence".indexOf("refercence", 1);   // 11
    "javascript refercence".indexOf("refercence", 11);  // 11
    "javascript refercence".indexOf("refercence", 12);  // -1
    "javascript refercence".indexOf("r", 7);            // 11
    "javascript refercence".indexOf("r", 12);           // 15 
    
    console.log("javascript refercence".indexOf(검색값, 위치값));       
}

{
    "javascript reference".lastIndexOf("javascript");       // 0
    "javascript reference".lastIndexOf("javascripts");      // -1
    "javascript reference".lastIndexOf("j");                // 0
    "javascript reference".lastIndexOf("a");                // 3
    "javascript reference".lastIndexOf("jv");               // -1
    "javascript reference".lastIndexOf("reference");        // 11
    "javascript reference".lastIndexOf("r");                // 15

    console.log("javascript reference".lastIndexOf(검색값));
}

{
    const str1 = "java";
    const str2 = "script";
    const str3 = "Java";
    const str4 = "reference";
    const str5 = "Reference";

    console.log(str1.localeCompare(str2));  // -1
    console.log(str2.localeCompare(str1));  // 1
    console.log(str1.localeCompare(str3));  // -1
    console.log(str3.localeCompare(str1));  // 1
    console.log(str4.localeCompare(str5));  // -1
    console.log(str5.localeCompare(str4));  // 1
    console.log(str1.localeCompare(str1));  // 0
}

{
    "javascript reference".match("javascript");    // "javascript"
    "javascript reference".match("reference");     // "reference"
    "javascript reference".match("r");             // "r"
    "javascript reference".match("R");             // null
    "javascript reference".match(/reference/);     // "reference"
    "javascript reference".match(/Reference/);     // null
    "javascript reference".match(/Reference/i);    // "reference"
    "javascript reference".match(/Reference/g);    // "reference"
    "javascript reference".match(/r/);             // "r"
    "javascript reference".match(/r/g);            // "r", "r", "r"
    "javascript reference".match(/w/g);            // null
    "javascript reference".match(/R/ig)            // "r", "r", "r"

    console.log("javascript reference".match(검색값));     
}

{
    // 문자열
    "javascript".normalize("NFC");  // javascript
    "javascript".normalize("NFD");  // javascript
    "javascript".normalize("NFKC");  // javascript
    "javascript".normalize("NFKD");  // javascript

    // 유니코드 문자열
    "\u0041\u0308".normalize("NFC");  // 'Ä'
    "\u0041\u0308".normalize("NFD");  // 'Ä'
    "\u0041\u0308".normalize("NFKC");  // 'Ä'
    "\u0041\u0308".normalize("NFKD");  // 'Ä'

    console.log("문자열(유니코드 문자열)".normalize("정규화"));
}

{
    "javascript".padEnd(5);     // javascript
    "javascript".padEnd(15);     // javascript
    "javascript".padEnd(15, '-');     // javascript-----
    "javascript".padEnd(15, '^');     // javascript^^^^^
    "javascript".padEnd(12, '!');     // javascript!!
    "javascript".padEnd(12, 'ref');     // javascriptre 생성될 문자열 길이의 값까지만 변수 생성

    console.log("문자열".padEnd(문자열의 길이, [선택적 매개변수]));
}

{
    "javascript".padStart(5);     // javascript
    "javascript".padStart(15);     //      javascript
    "javascript".padStart(15, '-');     // -----javascript
    "javascript".padStart(15, '^');     // ^^^^^javascript
    "javascript".padStart(12, '!');     // !!javascript
    "javascript".padStart(12, 'ref');     // rejavascript 생성될 문자열 길이의 값까지만 변수 생성(선택적 매개변수 입력 후 입력되지 않은 문자는 삭제)

    console.log("문자열".padStart(문자열의 길이, [선택적 매개변수]));
}

{
    "java".repeat(3);   // javajavajava
    "java".repeat(5);   // javajavajavajavajava
    "script".repeat(3);   // scriptscriptscript
    "jQuery".repeat(3);   // jQueryjQueryjQuery

    console.log("문자열".repeat(반복할 횟수));
}

{
    "javascript reference".search("javascript");    // 0   
    "javascript reference".search("reference");     // 11   
    "javascript reference".search("r");             // 6   
    "javascript reference".search("a");             // 1   
    "javascript reference".search("jv");            // -1   
    "javascript reference".search("J");             // -1   
    "javascript reference".search(/reference/);     // 11   정규식 표현 
    "javascript reference".search(/Reference/);     // -1   
    "javascript reference".search(/Reference/i);    // 11   i는 대소문자를 상관없게 해줍니다.
    "javascript reference".search(/[a-z]/g);        // 0    g는 글로벌 문자

    console.log("javascript reference".search(검색값));
}

{
    "javascript".slice(0);          // javscript
    "javascript".slice(1);          // avscript
    "javascript".slice(2);          // vascript
    "javascript".slice(0, 1);       // j
    "javascript".slice(1, 2);       // a
    "javascript".slice(0, 2);       // ja
    "javascript".slice(0, 3);       // jav
    "javascript".slice(5, 10);      // cript
    "javascript".slice(5, -1);      // crip
    "javascript".slice(5, -2);      // cri
    "javascript".slice(-1);         // t
    "javascript".slice(-2);         // pt
    "javascript".slice(-3);         // ipt
    "javascript".slice(-3, -1);     // ip

    console.log("javascript".slice(시작위치, 끝나는위치));
}

{
    "javascript".split("");                        // ['j', 'a', 'v', 'a', 's', 'c', 'r', 'i', 'p', 't']
    "java script".split(" ");                      // ['java', 'script']
    "java scr ipt".split(" ");                     // ['java', 'scr', 'ipt']

    "javascript".split("", 1);                     // ['j']
    "javascript".split("", 2);                     // ['j', 'a']
    "javascript".split("", 3);                     // ['j', 'a', 'v']

    "java script".split(" ", 1);                   // ['java']
    "java script".split(" ", 2);                   // ['java', 'script']

    "javascript".split("j");                       // ['', 'avascript'] 구분자가 맨 앞과 맨 뒤에 위치하면 빈 문자열('')이 나옵니다.
    "javascript".split("a");                       // ['j', 'v', 'script'] 구분자를 제외한 문자열이 나옵니다.
    "javascript".split("e");                       // ['javascript']

    "java/scr/ipt".split("/");                     // ['java', 'scr', 'ipt']
    "java&scr!ipt".split("&");                     // ['java', 'scr!ipt']
    "java&scr!ipt".split("!");                     // ['java&scr', 'ipt']
    "java&scr!ipt".split(/&|\!/);                  // ['java', 'scr', 'ipt'] 정규식 표현

    "javascript".split("").join();                 // j,a,v,a,s,c,r,i,p,t
    "javascript".split("").join("*");              // j*a*v*a*s*c*r*i*p*t
    "javascript".split("").reverse().join();       // t,p,i,r,c,s,a,v,a,j
    "javascript".split("").reverse().join("/");    // t/p/i/r/c/s/a/v/a/j

    console.log("javascript".split(구분자));
}

{
    "javascript".trim("");      // javascript
    "javascript ".trim("");     // javascript
    " javascript ".trim("");    // javascript
    " java script ".trim("");    // java script
    
    console.log("javascript".trim(""));
}

{
    " javascript ".trimEnd("");  // javascript
    
    console.log("javascript".trimEnd(""));
}

{
    " javascript ".trimStart("");  // javascript
    
    console.log("javascript".trimStart(""));
}