06.09 목 반복문

이재빈·2022년 6월 9일

AI스쿨_JS

목록 보기
3/18

배열.

여러 자료들을 묶어서 활용할 수 있는 자료형
const str = "안녕하세요"
str.length
str(0)

요소 element

const array1 = [273, "문자열", true, [27,35],{}, "fun"]

갯수및 길이(length)와 순서는 다르다
array1의 요소의 총 갯수는 6개
But 0,1,2,3,4,5 번째 요소로 표현됨
ex) array1[2] = true

메소드

.push 끝에 열에 추가해주는 것

fs.push("딸기")

.splice 제거와 교체, 추가

배열.splice(변경을 시작할 인덱스,제거할 요소의 수)
배열.splice(변경을 시작할 인덱스,제거할 요소의 수,추가할 요소)
실행값 = 제거된 요소들
변경이 저장됨 (but 문서 새로고침시 변경 초기화됨)

.indexof 인덱스번호를 반환하는 것

fsk.indexOf('사과')
존재하지 않는다 = -1 반환 => 사용할 수 있는 아이디입니다.에 사용가능
중복 인덱스가 있을경우, 가장 빠른 인덱스의 번호를 반환

반복문

for in : 인덱스번호를 가져옴
for of : 요소를 가져옴 => ${배열이름[i]} 하면 underfine 추출

for(const i in(of) 배열개체){
    실행문장
}
const fruits =['사과','딸기','수박','참외']
 for (const i in fruits){
            console.log(`${i}번째 인덱스의 과일은 ${fruits[i]}`) 
            <여기서 '가 아니라 `(~)다>
        }
 0번째 인덱스의 과일은 사과
 1번째 인덱스의 과일은 딸기
 2번째 인덱스의 과일은 수박
 3번째 인덱스의 과일은 참외
 for (const frk of fruits){
            console.log(`${frk}번째 인덱스의 과일은 ${frk}`)
        }
사과번째 인덱스의 과일은 사과
딸기번째 인덱스의 과일은 딸기
수박번째 인덱스의 과일은 수박
참외번째 인덱스의 과일은 참외

console.log(`${frk}번째 인덱스의 과일은 ${fruits[frk]}`)
>'사과번째 인덱스의 과일은 undefined' 로 나오게 됨
  let a = 0 <a값을 비워주는것>
  for (const frk of fruits){
            a = a+1 
            console.log(`${a}번째 인덱스 과일은 ${frk}`)
        }
1번째 인덱스 과일은 사과	<a=1일때>
2번째 인덱스 과일은 딸기	<a=2일때>
3번째 인덱스 과일은 수박	<a=3일때>
4번째 인덱스 과일은 참외	<a=4일때>
for(let i = 0; i < 10; i++){
            console.log(`${i}번째 반복입니다.`)
        }
 0번째 반복입니다.
 ~
 9번째 반복입니다.

console.log 위치 차이에 따른 값 차이

let result = 0
for(let i=0; i<10; i++){
    result=result+1 
 }
 console.log(`${result}번째 반복입니다.`)
  1번째 반복입니다.
 ~
 10번째 반복입니다.
let result = 0
for(let i=0; i<10; i++){
    result=result+1 
 }
 console.log(`${result}번째 반복입니다.`)
 10번째 반복입니다.

변수 두개를 사용해서 for문 사용하기

let result = 0
for(let i=0; i<10; i++){
    result=result+i 
 }
 console.log(`${result}번쨰 반복입니다.`)
 45째 반복입니다.
const fsk=['사과','딸기','수박','참외']

 for(let i=0; i<4; i++){
 console.log(`${i}번째 과일은 ${fsk[i]}`)
       }
0번째 과일은 사과
1번째 과일은 딸기
2번째 과일은 수박
3번째 과일은 참외

어려움

  1. splice 개념 이해가 어려웠음
  2. for in과 for of의 차이점이 이해가 쉽지 않았음.

해결

  1. 강의에서는 splice의 제거와 관련된 특성을 주로 배웠지만, 삽입및 교체의 특성도 가지고 있음을 알게되었음.
    push의 경우 가장 오른쪽 열에 삽입하기 때문에 유동적으로 사용하지 못하게 됨.
  2. for in 반복문과 for of 반복문의 차이점
  • for in : 객체의 모든 열거 가능한 속성에 대해 반복
    = 인덱스 번호를 추출

  • for of : 반복할 수 있는 객체(iterable objects)에 대해 반복
    = 인덱스 정보를 추출

    소감

    반복문은 할때마다 어려움을 느끼는것 같다.

profile
안뇽하세용

0개의 댓글