본문 바로가기
뉴렉처 과정 기록 (Frontend)/Javascript

04/08 Javascript 연산자/제어구조 , JSON.parser, eval

by yeonee3219 2021. 4. 12.

Javascript

 

 

 

위의 주석된 코드와 아래의 코드는 같다 -> 아래가 훨씬 간단하고 보기좋아

 

 

 

첫번째배열에서의 영어 과목 뽑아보기 -> 0부터 시작임

 

 

 

 

 

 

 

왼쪽 위는 XML, 왼쪽 아래는 CSV , 오른쪽은 JSON

옛날에는 데이터를 표현할 때 이러한 방식으로 간단하게 표현했는데,

 

데이터를 중첩시키거나 복잡한 데이터를 표현해야 할 때는 왼쪽위의 태그를 이용해서 xml이라는 이름으로 사용

 

하지만 또 너무 복잡하게 표현이 된다 

 

-> 그래서 그 접점에 있는 json으로 사용

 

 

 

 

 

JSON = 모든 언어에서 데이터를 포장할 때 사용되는 포맷으로 사용된다

 

 

 

 

 

 

원격에 있는 데이터를 받아오면 무조건 문자열로 밖에 받지 못한다

 

 

 

가져온 것은 그저 문자열이기 때문에 데이터 배열로서 사용할수가 없어 --> eval이라는 함수를 사용하자

 

 

eval함수 안에 넣어주기 전의 " x = 3 ; " ; 은 그저 문자열로만 인식되기 때문에 x를 출력해달라는 거 실행할 수 없어

 

-> eval ( " x = 3 ; " ) ; 로 써주면 x를 읽어올 수 있게 된다 대박

 

 

 

 

이때,

 

eval() 에 들어가는 것은 하나의 완전한 문장이 들어가야된다

-> 

 

이런식으로 써주면 됨

 

 

 

 

 

 

 

 

 

 

 

www.youtube.com/watch?v=eAAxma2f4fM&list=PLq8wAnVUcTFWhQrIXNN6kPYXJA6X2IQM4&index=10

 

 

 

 

 

 

 

 

JSON parser

 

 

 

 

json의 키에 해당되는 것에는 ""로 감싸줘야 한다

 

 

 

문자열로 바꾸는 녀석도 있다..

 

 

 

 

 

 

 

 

 

 

자바스크립트 언어 - 연산자 / 제어구조

 

 

다 비슷한 내용인데

 

 

===, !== 는 생소하다

 

 

 

값이 같은지 저 박스가 같은지에 대한 비교 연산이다

상수는 똑같은 값을 박스로 만들면 그 박스를 새로 만들지 않고 똑같은 박스를 참조하게된다

 

그래서 둘다 true

 

 

참조를 다르게 하려면? 직접 new를 해서 새로 만들어 줘야 한다

 

 

 

 

 

 

 

자바스크립트에서는 형식이 달라도 알아서 형변환해준다

 

 

 

 

 

 

자바스크립트 제어구조

 

 

 

 

 

 

자바스크립트에서의 for문 

 

 

 

 

 

for-in문

 

 

 

 

: 몇번을 반복할 지 쓸 필요없이..

전체를 다 순회할려고 할 때 , 그냥 in문으로 쓰면 됨

 

 

i 가 아닌 변수 키 값을 뽑음