[6/10 일반] JavaScript 기초/ 실습 - 모듈과 라이브러리

박재준·2022년 6월 9일
0

1. 학습한 내용

1) 필기 내용

  • 배열 : 여러 자료들 묶어서 활용할 수 있는 자료들, 리스트 형식, 해당 요소 검색, for문 많이 사용

  • const str= “안녕하세요”
    str.length
    str[3] → 세

  • 요소 엘리먼트(element)
    const array1 = [273, “문자열”, true, [27, 35], {}, “fun”]
    array1 → 6(element 개수를 말함)

  • const fruits = ['배', '사과', '키위', '바나나']
    undefined
    fruits.length
    → 4
    fruits[fruits.length]
    → undefined
    fruits[fruits.length-1]
    → ‘바나나’

  • index push : 요소 추가(리스트 맨 끝의 열에 add)(파이썬에서 append와 비슷)

  • indexOf(‘요소이름’) : 몇 번째 인덱스에 존재하는지 알려줌
    fsk = ['배', '사과']
    fsk.indexOf('사과')
    → 1
    fsk.indexOf('수박')
    → -1(인덱스가 없으면)

  • 배열.splice(인덱스,제거개수)

  • for in 형태
    for(const i in fsk){
    실행문장
    }

  • for of 형태
    for (식별자 in 배열)
    for {}

  • for
    for(초기값;조건식;증감식){
    실행문
    }

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

const array1 = [273, 56,25,278,265]
array1[1]

→ 56

const fruits = ['사과', '딸기', '수박', '참외']는 아래 관련 예제에 모두 적용함

for (const i in fruits){
console.log(fruits[i])
}

→ 아래 그림

for (const i in fruits){
console.log(i)
}

→ 아래 그림

for (const i in fruits){
console.log(`${i}번째 인덱스의 과일은 ${fruits[i]}`)
}

→ 아래 그림

let a = 0
for (const frk of fruits){
console.log(`${a}번째 인덱스의 과일은 ${frk}`)
a = a + 1
}

→ 아래 그림(위와 같은 결과)

for(let i = 0; i<10; i++){
            console.log(i)
}

→ 아래 그림

for(let i = 0; i<10; i++){
            console.log(`${i}번쨰 반복합니다`)
}

→ 아래 그림

let result = 0
for(let i = 0; i<11; i++){
result=result+i
}
console.log(`${result}번쨰 반복합니다`)

→ 아래 그림

const fsk =['사과','딸기','수박','참외']
for(let i = 3; i>-1; i--){
console.log(`${i}번쨰 과일은 ${fsk[i]}`)
}

→ 아래 그림

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

2. 학습한 내용 중 어려웠던 점 또는 해결못한 것들

1) for문 형태들에 알맞게 사용하는 점...이 굳이 꼽으라면 어려웠던 점...?
2) for문에서 합계를 계산하는 것!

3. 해결방법 작성

1) 각 for문의 형태를 알고, 예시들과 함께 적용해보기
2) for문이 작동하는 형태를 알고, console문에 어떻게 반영되는지 알기

4. 학습 소감

1) 비슷한 예제들이 많아서 다양한 유형의 for문을 접할 수 있어서 좋았다.

profile
초급 개발자

0개의 댓글