LeeeYumin / academy_TIL

0 stars 0 forks source link

0710_오전 #5

Open LeeeYumin opened 4 months ago

LeeeYumin commented 4 months ago

✔Set & Map : Set 중복되지 않는 유일한 값들의 집합. 배열처럼 순서가 있거나 하지는 않음.. add 요소를 더할때 has 값이 있는지 확인할때 delete 요소를 삭제할때

: Map 키와 값으로 이루어진 컬렉션. set 요소를 추가할때 get 요소를 가져올때 has 값이 있는지 확인할때 delete 요소를 삭제할때

map() 배열의 각 요소에 대해 주어진 함수를 실행하고, 그 결과를 새로운 배열로 반환. 1인자-배열의 각 요소를 처리할 함수 2인자-요소의 인덱스 전달 배열의 각 요소를 매개변수로 받아 처리한 후, 그 결과를 반환함 + forEach()와 map() 둘 다 배열의 각 요소에 대해 주어진 함수를 실행하지만 forEach() 메소드의 경우 반환값이 없고 map() 메소드는 새로운 배열을 반환한다는 차이가 있음.

✔splice() : 배열의 요소를 추가, 제거, 또는 교체 3개의 전달인자를 받음. 1-삭제나 추가를 시작할 인덱스 2-삭제할 요소의 개수 3-추가할 요소들

✔slice() : 배열에서 요소들을 추출하여 새로운 배열로 반환하는 메서드. 2개의 전달인자를 받음.

✔Try Catch, includes

✔스코프와 클로저 스코프 - 함수 스코프, 블록 스코프 { } , 정적 스코프(렉시컬), 동적 스코프 클로저 - 클로저 활용 함수스코프 : 변수를 사용할 수 있는 범위가 함수 내부로 한정되는 것. 함수가 끝나면 변수도 사라짐. var는 함수 스코프의 범위에 해당. 함수는 호출해야 실행된다.. 콜백도 함수임. 블록스코프 : 변수의 범위가 블록요소 { } 안으로 제한되는 것 if, for, while 등 블록(중괄호 { } ) 이 사용되는 모든 영역에 해당. let 은 블록 스코프. 정적스코프 : 함수의 호출시점이 아닌, 함수가 선언된 위치에 따라서 접근할 수 있는 값이 다름. 동적스코프 : 호출된 위치에 따라 접근할 수 있는 값이 달라지는 경우.

LeeeYumin commented 4 months ago

✔innerHTML : 요소 내에 포함된 HTML 마크업을 가져오거나 설정함. 중요한 기능은 innerHTML로 값을 할당할 때, 마크업으로 변환할 수 있는 문자열이 있다면 마크업으로 만들어 보여준다는 것. 그런 문자열이 없다면 그냥 문자열만 컨텐츠로 설정함. ✔innerText : 요소의 '랜더링된' 텍스트 콘텐츠를 나타냄. innerText는 텍스트 내에 문법적으로 처리가 가능한 텍스트가 있으면 처리가 끝난 결과물을 텍스트로 전달함.

✔map() 추가설명 : 배열 안에 객체에서 데이터를 뽑는 형태로도 사용가능..

grocery 전체삭제 부분은 내일 이어서.