[TIL : 2] JavaScript 기초

👩‍💻 Achievement Goals 문자열

  • 문자열의 속성과 메소드를 이용해 원하는 형태로 만들 수 있다.

    yes!

  • 문자열의 length라는 속성을 활용해 길이를 확인할 수 있다. str.length
    let str = 'jabae'
    console.log(str.length) // 5
  • 문자열의 글자 하나하나에 접근할 수 있다. str[1]
    let str = 'Happy'
    console.log(str[0]) // H
    console.log(str[4]) // y
  • 문자열을 합칠 수 있다. word1 + " " + word2
    let word1 = 'Hello'
    let word2 = 'world!'
    console.log(word1 + " " + word2) // Hello world!

    template literal: string과 변수를 함께 쓸 때 유용하다!

    console.log(`${word1} ${word2}) // Hello world! 
  • 문자열을 원하는 만큼만 선택할 수 있다. str.slice(0, 3) 또는 str.substring(0, 3)
    let str = 'Happy Day!'
    console.log(str.slice(0, 5)) // Happy
    console.log(str.slice(0, -5)) // Happy
    console.log(str.slice(0, 2)) // Ha
    console.log(str.slice(0, -8)) // Ha
  • 영문을 모두 대문자로 바꿀 수 있다. str.toUpperCase()
    let str = 'i love cat'
    console.log(str.toUpperCase()) // I LOVE CAT
  • 영문을 모두 소문자로 바꿀 수 있다. str.toLowerCase()
    let str = 'I LOVE DOG'
    console.log(str.toLowerCase()) // i love dog
  • 문자열 중 원하는 문자의 index를 찾을 수 있다 str.indexOf('a') 또는 str.lastIndexOf('a')
    let str = 'There is a car'
    console.log(str.indexOf('a')) // 9
    console.log(str.lastIndexOf('a')) // 12
  • 문자열 중 원하는 문자가 포함되어 있는지 알 수 있다. str.includes('a')
    let str1 = 'cat'
    let str2 = 'dog'
    console.log(str1.includes('a')) // true
    console.log(str12.includes('a')) // false

👩‍💻 Achievement Goals 반복문

  • 반복문을 활용하여 단순한 기능을 반복하여 수행할 수 있다.

    yes!

  • 반복문(for문)과 문자열, 숫자를 이용해 반복적으로 코드를 실행시킬 수 있다.

    귀여운 트리/피라미드 만들기

    let j = 1
    let floor = 15 // 높이
    for (let i = floor; i > 0; i--) {
        console.log(' '.repeat(i - 1) + '*'.repeat(j) + '\n')
        j += 2
    }
  • 기본적인 for문 (for (let i = 0; i < 5; i++))을 응용하여 다양한 for문을 만들 수 있다.

    멋있는 다이아몬드 만들기

    for (let i = 0; i < 5; i++) {
        console.log(' '.repeat(4 - i) + '*'.repeat(i*2 + 1) + '\n')
    }
    for (let i = 3; i >= 0; i--) {
        console.log(' '.repeat(4 - i) + '*'.repeat(i*2 + 1) + '\n')
    }
  • for와 while의 차이에 대해서 설명할 수 있다.

    for : 반복을 위한 변수를 안에서 선언하고 초기화한다. (for문 밖 return은 안된다!)

    let factorial = 3
    let result = 1
    for (let i = 1; i <= factorial; i++) {
    	result *= i 
    }
    console.log(result) // 1 * 2 * 3 = 6

    while : 변수를 밖에서 선언하고 초기화해야 한다.

    let factorial = 3
    let result = 1
    let i = 1
    while (i <= factorial) {
    	result *= i 
        i++
    }
    console.log(result) // 1 * 2 * 3 = 6
  • 반복문에 조건문을 적용하여 특정 조건에서만 코드가 실행되도록 할 수 있다.

    문자열 'haha'에서 'a'일 때 'o'로 바꾸기

    let str = 'haha'
    let result = ''
    for (let i = 0; i < str.length; i++) {
        if (str[i] === 'a')
            result += 'o'
        else
            result += str[i]
    }
    console.log(result) // hoho
  • 이중 for문이 무엇인지 이해하고 활용할 수 있다.

    1단부터 9단까지 구구단 만들기

    for (let i = 1; i <= 9; i++) {
        console.log(`----${i}단----`)
        for (let j = 1; j <= 9; j++) {
            console.log(`${i} x ${j} = ${i * j}`)
        }
    }

📚 그 외

  • 문자열에 index로 접근은 가능하지만 값을 바꿀 수 없기에 버퍼 변수를 만들어야 한다.
  • String 메소드는 모두 원본이 변하지 않는다!
  • str.split(seperator) : 문자열 분리
  • Math.floor(num) : 내림 Math.ceil(num) : 올림 Math.round(num) : 반올림
  • boolean으로 반환하는 경우 바로 그냥 써 주는 게 좋다.
  • 줄바꿈은 최소로 한다.

재밌다! 😝

좋은 웹페이지 즐겨찾기