220609) 자바스크립트(3)

김인경·2022년 6월 9일

자바스크립트

학습한 내용

배열

for문

과제

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

해결방법

학습 소감

학습한 내용

배열

여러 자료들 묶어서 활용 할 수 있는 자료들
배열은 요소로 구성되어 있다. 요소= element(엘리먼트)
배열은 0부터 시작
index안에 연산도 가능하다.

const str = "안녕하세요"
str.length
str[3]

length는 1부터 시작.

엘리먼트(element)

        const array1 = [273, "문자열", true, [27, 35], {}, "fun"]
        console.log(array1[1])

배열안에 배열이 들어올 수도 있다.
요소를 구분할때는 쉼표를 이용한다.

const fruits = ['배', '사과', '키위', '바나나']
fruits.length
fruits[fruits.length]
fruits[fruits.length-1]

fruits.push('딸기') 배열 끝에 데이터 추가

fruits.splice(인덱스, 제거갯수)
fruits.splice(1,1)

indexOf('사과') 데이터를 찾아주고 없다면 -1 출력

for문

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

<script>
const fruits = ['사과', '딸기', '수박', '참외']
        for(const i in fruits){
          console.log(fruits[i])
        }
</script>

for in

<script>
        const fruits = ["사과", "딸기", "수박", "참외"];
        for (const i in fruits) {
        console.log(`${i}번째 인덱스의 과일은 ${fruits[i]}`);
        }
</script>

0번째 인덱스의 과일은 사과
1번째 인덱스의 과일은 딸기
2번째 인덱스의 과일은 수박
3번째 인덱스의 과일은 참외

for of

<script>
		const fruits = ["사과", "딸기", "수박", "참외"];
  		for (const frk of fruits) {
        console.log(`${frk}번째 인덱스의 과일은 ${frk}`);
        }
</script>

사과번째 인덱스의 과일은 사과
딸기번째 인덱스의 과일은 딸기
수박번째 인덱스의 과일은 수박
참외번째 인덱스의 과일은 참외

for in은 인덱스를,
for of는 요소를 가져온다.

<script>
      const fsk = ["사과", "딸기", "수박", "참외"]
      for (let i = 0; i < 11; i++) {
      console.log(`${i}번째 과일은 ${fsk[i]}`)
      }
</script>

0번째 과일은 사과
1번째 과일은 딸기
2번째 과일은 수박
3번째 과일은 참외

<script>
      const fsk = ["사과", "딸기", "수박", "참외"]
      let result = 0;
      for (let i = 1; i < 11; i++) {
      	result = result + i;
      }
      	console.log(`${result}`)
</script>

55

과제

<script>
    const fsk = [1,2,3,4,5,6,7,8,9,10]


// 문제1 순서대로 출력

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

// 문제2 거꾸로 출력

    for (let i = 9; i >= 0; i--) {
    console.log(fsk[i])
    }

// 문제3 짝수만 출력

    for (let i = 1; i < 10; i=i+2) {
    console.log(fsk[i])
    }
</script>