Javascript

{
const str = '𐐀hello world';

console.log(str.at(0)); // '𐐀'
console.log(str.at(1)); // 'h'
console.log(str.at(7)); // 'w'
console.log(str.at(-1)); // 'd'
console.log(str.at(20)); // undefined
}

{
let str = "Hello"

str.charAt(1)	//"H"
str[5]	//"o"
}

{
const str = 'hello world';

console.log(str.charCodeAt(1)); // 101 (유니코드 'e'의 값)
console.log(str.charCodeAt(6)); // 119 (유니코드 'w'의 값)
console.log(str.charCodeAt(20)); // NaN
}

{
const str = '𐐀hello world';

console.log(str.codePointAt(0)); // 66304 (유니코드 '𐐀'의 값)
console.log(str.codePointAt(1)); // 56384 (유니코드 대리 서로집합 A의 값)
console.log(str.codePointAt(7)); // 119 (유니코드 'w'의 값)
console.log(str.codePointAt(20)); // undefined
}

{
const str1 = 'Hello';
const str2 = 'World';
const str3 = '!';

console.log(str1.concat(str2, str3)); // 'HelloWorld!'
console.log(str1); // 'Hello' (원본 문자열은 변경되지 않음)
}

{
"javascript reference".includes("javascript");  //true
"javascript reference".includes("j");  //true
"javascript reference".includes("a");  //true
"javascript reference".includes("reference");  //true
"javascript reference".includes("reference, 11");  //true
"javascript reference".includes("reference, 12");  //false
"javascript reference".includes("J");  //false 대소문자 구별
}

{
"javascript reference".indexOf("javascript");   //결과 : 0 (배열 순서로 0번째)
"javascript reference".indexOf("javascripts");   //결과 : -1 (일치하는 값이 없을 때)
"javascript reference".indexOf("j");   //결과 : 0
"javascript reference".indexOf("J");    //결과 : -1 (대소문자 구별)
"javascript reference".indexOf("a");   //결과 : 1 (제일 먼저 찾는 값)
"javascript reference".indexOf("ja");   //결과 : 0
"javascript reference".indexOf("jv");   //결과 : -1
"javascript reference".indexOf("reference");    //자릿수를 포함해서 계산(공백 포함)
"javascript reference".indexOf("r");    //결과 : 6 (제일 먼저 찾는 값)
"javascript reference".indexOf("re");    //결과 : 11
"javascript reference".indexOf("javascript", 0) // 결과 : 0 (뒤에 있는 숫자는 시작하는 위치 값을 뜻한다.)
"javascript reference".indexOf("javascript", 1) // 결과 : -1
"javascript reference".indexOf("reference", 0) // 결과 : 11
"javascript reference".indexOf("reference", 1) // 결과 : 11
"javascript reference".indexOf("reference", 11) // 결과 : 11
"javascript reference".indexOf("reference", 12) // 결과 : -1
"javascript reference".indexOf("r", 7)      //결과 : 11
"javascript reference".indexOf("r", 12)      //결과 : 15
}

{
"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
"javascript reference".lastIndexOf("javascript", 0);    // 0
"javascript reference".lastIndexOf("javascript", 1);    // 0
"javascript reference".lastIndexOf("reference", 0);     // -1
"javascript reference".lastIndexOf("reference", 1);     // -1
"javascript reference".lastIndexOf("reference", 11);    // 11
"javascript reference".lastIndexOf("reference", 12);    // 11

var stringName = 'coding everybody everywhere';
console.log(stringName.indexOf('every')); // 7, lastIndexOf와 indexOf의 차이
console.log(stringName.lastIndexOf('every')); // 17, lastIndexOf와 indexOf의 차이
}

{
const str1 = 'apple';
const str2 = 'banana';
const str3 = 'Apple';

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

const str1 = 'ä';
const str2 = 'z';
console.log(str1.localeCompare(str2, 'en')); // -1 (영어 규칙에 따라 비교)

const str1 = 'apple';
const str2 = 'Apple';
console.log(str1.localeCompare(str2, undefined, { sensitivity: 'case' })); // -1
}

{
"javascript reference".match("javascript");  //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(/R/);  //null
"javascript reference".match(/Reference/i);  //reference
"javascript reference".match(/r/);  //r
"javascript reference".match(/r/g);  //r r r (문자열 안에 있는 모든 r 반환)
"javascript reference".match(/w/g);  //null
"javascript Rreference".match(/r/ig);  //r R r
"javascript Rreference".match(/R/ig);  //r R r
}

{
const str = 'Hello, my name is John Doe. I live in New York.';
const regex = /\b\w+\b/g; // 단어 경계에 위치한 연속된 문자들을 찾는 정규 표현식

for (const match of str.matchAll(regex)) {
console.log(match[0]);
}
// 출력: Hello, my, name, is, John, Doe, I, live, in, New, York
}

{
const str1 = 'Café';
const str2 = 'Cafe\u0301'; // 'Cafe'와 분해된 악센트 기호로 표현된 문자열

console.log(str1 === str2); // false
console.log(str1.normalize()); // Café
console.log(str2.normalize()); // Café
console.log(str1.normalize() === str2.normalize()); // true
}

{
const str = 'hello';

console.log(str.padEnd(10, '.')); // 'hello.....'
console.log(str.padEnd(3, '.')); // 'hello' (원본 문자열의 길이가 이미 3 이상이므로 변화 없음)
console.log(str.padEnd(10)); // 'hello ' (패딩 문자열을 지정하지 않으면 공백이 사용됨)
}

{
const str = 'hello';

console.log(str.repeat(3)); // 'hellohellohello'
console.log(str.repeat(0)); // ''
console.log(str.repeat(1)); // 'hello'
}

{
"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는 대문자를 소문자로 인식)
"자바스크립트".search(/[a-z]/);  //-1 (정규식에서 [a-z]는 알파벳이 있는지 없는지 검사함)
"javascript reference".search(/[a-z]/g);  //0 (정규식에서 g는 global의 약자)
}

{
let str = "Good Boy"

str.substring(5)	//"Boy"
str.slice(-3, 8)	//"Boy"

"javascript".slice(0);      //"javascript"
"javascript".slice(1);      //"avascript"
"javascript".slice(0, 3)    //"jav"
"javascript".slice(5, 10)   //"cript"
"javascript".slice(-1)      //"t"
"javascript".slice(1, -1);  //"avascrip"
}

{
let str = "Good Boy"

str.split(" ")	//["Good", "Boy"]
str.slice("")	//["G", "o", "o", "d", " ", "B", "o", "y"]
}

"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']

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

"javascript".split("j");        //['', 'avascript']
"javascript".split("t");        //['javascrip', ''] 구분자로 문자열의 맨 앞이나 맨 뒤가 지정되었을 때, 그 위치에서 빈 문자열이 생성됩니다.
"1,,2,3".split(",");            //["1", "", "2", "3"] 구분자가 연속해서 나타나는 경우, 빈 문자열이 생성됩니다.
"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" join()을 쓰면 문자열로 반환
"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 로꾸꺼 reverse()는 배열의 순서를 반대로 함
"javascript".split('').join().reverse();        //error join()을 먼저 쓰면 문자열 반환이 먼저라서 에러 뜸.
"javascript".split('').reverse().join("/");     //t/p/i/r/c/s/a/v/a/j

{
let str = "Hello World"

str.startsWith("Hel")	//true
str.startsWith("Wor")	//false
str.startsWith("hel")	//false
str.startsWith("W", 6)	//true 시작하는 문자열 위치

str.endsWith("Hel")	//false
str.endsWith("rld")	//true
str.endsWith("rld", 11)	//true
str.endsWith("lo", 5)	//true 끝나는 문자열 길이
}

{
let str = "Hi, I'm Lee."

str.toUpperCase()	//"HI, I'M LEE."
str.toLowerCase()	//"hi, i'm lee."
}

{
let str = " Hi, I'm Lee. "

str.trim()	//"Hi, I'm Lee."
str.trimStart()	//"Hi, I'm Lee. "
str.trimEnd()	//" Hi, I'm Lee."

"javascript".trim();        //javascript
"javascript ".trim();       //javascript
" javascript".trim();       //javascript
" java script".trim();      //java script

"javascript ".trimStart();  //javascript
" javascript".trimEnd();    //javascript
}