js 용어 정리, forEach, object

 

 

js 용어 정리

 

 

 

 

 

 

 

자료를 찾다보면 헷갈릴 수 있는 개념들!

특히 augument(인자)와 paramter(매개변수)는 잘 기억해두기

 

 

augument(인자)는 할당될 값

paramter(매개변수)는 함수 자체의 매개변수

 

 

 

 

 

 

forEach

 

: 배열의 반복문, 배열에서만 사용

: 인자로 콜백함수를 받아옴, 배열 요소 각각 실행

 

 

 

 

 

 

arrow 함수 표현법
a.forEach((ele, index) => console.log(ele, index))

 

 

 

 

 

 

forEach vs map 함수

 

 

forEach 는 단순 루프를 돌면 끝나지만

map 은 루프를 돌며 원본 배열을 새로운 배열로 만듦

 

 

 

 

 

 

for (i=0; i>a.length; i++) 같이 긴 for문을 쓰지 않아도 새로운 배열을 만들 수 있다는 장점이 있다.

 

 

 

 

👇 개념 

 

mapping :

a라는 요소를 b와 짝짓거나 바꿀 때 씀

 

map :

원본 배열을 새로운 배열로 만들 때 씀

 

 

 

 

 

 

object

 

객체를 쓰는 이유 : 인간 세상에서 쓰는 걸 컴퓨터로 쓰고 싶어서!

 

 

 

 

 

 

 

👇 예시) bongbong의 정보를 담은 객체

 

 

 

 

 

 

 

👇 개념

 

property : ','로 구분함

method : 객체 안에 담긴 함수, 

key : 속성 이름

value : 값

 

객체 안에 담긴 것은 모두 property이다.

함수인 property가 method인 것

 

 

 

 

+

 

💡 객체를 보다보면 함수(메서드가)있는 객체를 많이 보게 되는데 이걸 상태와 동작으로 이해하니 편했다

 

 

 

 

 

 

 

object에 접근하는 방법

 

object[key] // 접근하고 싶은 key가 정해져 있지 않을 때
object.key // 접근하고 싶은 key가 정해져 있을 때

 

 

 

 

 

👇 보통 키를 알면 이렇게 dot notation 으로 접근한다

 

object.key

dot notation

 

 

 

 

 

 

👇

 

하지만 그때 그때 원하는 키를 바로 알고 싶을 때

접근하고 싶은 키가 정해져 있지 않을 때

bracket notation을 쓴다

 

 

object[key]

bracket notation

 

 

[]
1. [] 값을 확인한다
2. 평가해본다, evaluation, 계산해본다
3. 계산의 결과값을 가지고 객체에 접근한다