자바스크립트 for in문의 유의점

2020. 5. 10. 17:07· Javascript/문법

python에서의 for in문을 자바스크립트의 for in 문과 동일하게 생각했다가 삽질해서 쓰는 글

 

 

 

배열(리스트)에서
key : value가 있다고 해보자.

자스는 프로퍼티'명'(key)을 가져오는것이고 python이나 java는 프로퍼티 '값'(value)을 가져온다.

자바스크립트의 배열 var elements = ['a', 'b', 'c']가 있으면

0 : 'a'
1 : 'b'
2 : 'c'

가 되어서

for element in elements 를 할 때

파이썬의 경우 element에 'a', 'b', 'c'가 들어오지만 자바스크립트는 0, 1, 2가 들어온다는 것이다.
(그것도 정수형이 아닌 문자열로 가져오게 된다. console.log(typeof(element))를 해보면 Number가 아닌 String으로 나온다.)

좌 : Python, 우 : Javascript

파이썬에서 자바스크립트처럼

for element in elements:
	print("element : " + element + " values : " + elements[element]);

를 썼다가 에러가 나는 상황을 볼 수 있다. 

파이썬에서의 element에는 value값인 'a', 'b', 'c'가 들어가기 때문에

elements[element]를 할때 element에 정수형이 들어가야하는데 'a', 'b', 'c'가 들어가기 때문에 에러가 발생하는 것이다. 

 

 

 

 

python의 for in 방식과는 다른 자스가 싫다면?

->for of 방식을 채택해보자.

 

 

 

 

 

 

 

 

 

잘못된 점이 있다면 지적 부탁드립니다.
오류정정은 항상 환영입니다.

반응형
저작자표시 (새창열림)

'Javascript > 문법' 카테고리의 다른 글

javascript reference  (0) 2022.10.02
자바스크립트 신문법 정리(optional chaining, nullish coalescing 연산자)  (0) 2022.06.18
객체 비구조화 할당 (객체 구조 분해)  (0) 2020.10.08
자바스크립트 사용시 주의해야 할 기본적인 문법  (0) 2020.10.08
innerHTML대신 textContent 사용을 지향하기  (0) 2020.05.17
'Javascript/문법' 카테고리의 다른 글
  • 자바스크립트 신문법 정리(optional chaining, nullish coalescing 연산자)
  • 객체 비구조화 할당 (객체 구조 분해)
  • 자바스크립트 사용시 주의해야 할 기본적인 문법
  • innerHTML대신 textContent 사용을 지향하기
sovelop
sovelop
무슨 생각을 해.. 그냥 하는거지
sovelop
so's devlog
sovelop
전체
오늘
어제
  • 분류 전체보기 (141)
    • 🔥TIL (15)
    • 생각 (5)
      • Daily Routine (0)
    • WEB (2)
    • VueJS (1)
    • 파이썬 문법 (17)
      • Django (0)
    • 알고리즘 (23)
      • 백준 알고리즘 (13)
      • 프로그래머스 (0)
      • 기타 사이트 알고리즘 (6)
    • 컴퓨터공학입문 (13)
    • Data_Analysis (9)
    • Javascript (8)
      • 문법 (8)
      • node.js (0)
    • Java (9)
      • 문법 (3)
      • Android Studio (0)
      • Algorithm (2)
    • Server (6)
      • sql (2)
      • linux (2)
    • Back-up (22)
      • Git + Github (5)
      • English (0)
      • etc (17)
    • 테크 관련 세미나 (4)
    • English (0)
    • Error (4)
    • 코테후기 (0)

블로그 메뉴

  • About me

공지사항

인기 글

태그

  • 혼공단
  • va87m
  • 코딩좀알려주라
  • 코알라univ
  • 무접점저소음
  • # 백준 #파이썬 #python
  • 혼공자
  • 한빛미디어

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
sovelop
자바스크립트 for in문의 유의점
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.