[Nomad coder/Momentom 클론코딩 4일차] JSON, forEach, filter(#3.0~#3.10)

클론코딩 3일차 (#3.0~#3.10)[2]

---

1. JSON (JavaScript Object Notation)

자바스크립트 언어로부터 파생되어 자바스크립트의 구문 형식을 따르지만 언어 독립형 데이터 포맷이다.
즉, 프로그래밍 언어나 플랫폼에 독립적이므로, 구문 분석 및 JSON 데이터 생성을 위한 코드는 
C, C++, C#, 자바, 자바스크립트, 펄, 파이썬 등 수많은 프로그래밍 언어에서 쉽게 이용할 수 있다.

데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식

Javascript에서 객체를 만들 때 사용하는 표현식을 의미한다.

JSON 표현식은 사람과 기계 모두 이해하기 쉬우며 용량이 작다.

최근에는 JSON이 XML을 대체해서 데이터 전송 등에 많이 사용한다.

JSON은 데이터 포맷일 뿐이며 어떠한 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 표현 방법일 뿐이다.

',' 하나만 틀려도 문서 전체에 오류가 생기며, 보안에 취약하다.

---

2. forEach - 하나씩 돌면서 무언가 하기

forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행 [MDN]
[return value는 없음]

배열의 각 요소에 대해 callback 한다.

중간에 break 문을 사용할 수 없다.

종료를 위해선 throw(예외)를 발생시켜야 한다.

 

[구문]

arr.forEach(callback(currentvalue[, index[, array]])[, thisArg])

 

[index.js]

const array = [0,1,2,3,4];

array.forEach(function(element){
    console.log(`1번 결과값 = ${element}`);
})

array.forEach(function(element, index, array){
    console.log(`2번 결과값 = ${array}의 ${index}번째 요소 : ${element}`);
});

 

[출력 값]

출력 값

---

3. filter - 배열에서 조건에 맞는것만 새로운 배열 만들기

filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환 [MDN]
[return value는 새 배열]

 

[구문]

arr.filter(callback(element[, index[, array]])[, thisArg])

---

참고자료

 

https://velog.io/@surim014/JSON%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80

JSON이란 무엇인가?

 

https://yuddomack.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-Array-forEach

자바스크립트 Array forEach