효율적으로 문자열과 배열 활용해봅시다

효율적으로 문자열과 배열을 활용하는 법을 알아봅시다!

length()

length(): 이 메서드는 문자열의 길이를 반환합니다.

const str = "Hello, world!";
console.log(str.length); // 13

배열의 경우엔 배열의 수를 나타냅니다.

const arr = [1, 2, 3, 4, 5];
console.log(arr.length); // 5

유사 배열 객체의 경우, length 속성은 해당 객체가 가지고 있는 요소의 개수를 나타냅니다.

const paragraphs = document.getElementsByTagName("p");
console.log(paragraphs.length); // the number of <p> elements in the document

charAt()

charAt(): 이 메서드는 문자열의 지정된 인덱스에 있는 문자를 반환합니다.

const str = "Hello, world!";
console.log(str.charAt(0)); // "H"
console.log(str.charAt(4)); // "o"
console.log(str.charAt(13)); // "!"
console.log(str.charAt(20)); // ""

indexOf()

indexOf(): 이 메서드는 문자열에서 지정된 값이 처음 나타나는 인덱스를 반환합니다. 지정된 값에 없으면 -1 을 반환

console.log("javascript refercence".indexOf("javascript"))  //0
console.log("javascript refercence".indexOf("javascripts"))  //-1
console.log("javascript refercence".indexOf("j"))  //0
console.log("javascript refercence".indexOf("J"))  //-1
console.log("javascript refercence".indexOf("a"))  //1
console.log("javascript refercence".indexOf("ja"))  //0
console.log("javascript refercence".indexOf("jv"))  //-1
console.log("javascript refercence".indexOf("refercence"))  //11
console.log("javascript refercence".indexOf("r"))  //6
console.log("javascript refercence".indexOf("re"))  //11

startsWith()

startsWith(): 이 메서드는 문자열이 지정된 값으로 시작하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

const str1 = "Hello, world!";
console.log(str1.startsWith("Hello")); // true
console.log(str1.startsWith("hello")); // false
console.log(str1.startsWith("world")); // false

endsWith()

endsWith(): 이 메서드는 문자열이 지정된 값으로 끝나면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

const str = "Hello, world!";
console.log(str.endsWith("!")); // true
console.log(str.endsWith("world")); // false

 

includes()

includes(): 이 메서드는 문자열에 지정된 값이 포함되어 있으면 true를 반환하고, 포함되지 않으면 false를 반환합니다.

    console.log( "javascript reference".includes("javascript")) //ture
    console.log( "javascript reference".includes("J"))        //false
    console.log( "javascript reference".includes("j"))       //ture
    console.log( "javascript reference".includes("a"))        //ture
    console.log( "javascript reference".includes("reference",11))   //ture
    console.log( "javascript reference".includes("reference",12))   //false

trim() / trimStart() / trimEnd()

trim(): 이 메서드는 문자열의 양쪽 끝에서 공백을 제거합니다.

trimStart(): 이 메서드는 문자열의 시작 부분에서 공백을 제거합니다.

trimEnd(): 이 메서드는 문자열 끝에서 공백을 제거합니다.

let str3= " ab cd ef "
str3.trim()        // "ab cd ef"
str3.trimsStrat()  // "ab cd ef "
str3.trimEnd()     // " ab cd ef"

 

 

toUpperCase()/toLowerCase()

toUpperCase(): 이 메서드는 모든 대문자로 된 문자열을 반환합니다.
toLowerCase(): 이 메서드는 모든 소문자가 포함된 문자열을 반환합니다.

let str4 = "Good morning"

str4.toUpperCase()   // "Good morning"
str4.LowerUpperCase()   // "good morning"

 

substring()

substring(): 이 메서드는 지정된 두 인덱스 사이의 문자열 일부를 반환합니다.

str4 = " Good morning"
str4.substring(5)  //morning
str4.substring(0,4)  //Good

 

slice()

slice(): 이 메서드는 지정된 인덱스에서 시작하여 지정된 인덱스에서 끝나는 문자열의 일부를 반환합니다.

str4 ="Good morning."
str4.slice(0,4)  //"Good"

split()

split(): 이 메서드는 문자열을 지정된 구분 기호를 기준으로 하위 문자열 배열로 분할합니다.

str5= "Hello everyone"
array1 = str5.split("") //[Hello, everyone]