[WIL] 슬기로운 스터디 2

ohoho·2023년 5월 19일

슬기로운스터디

목록 보기
3/54

📗 개인적으로 코드 구현중 처음 활용해봤던 함수

toLocaleString()

  • Date, Number, Array 에서 사용가능
    Date Number Array
    사용자의 문화권에 맞는 시간표기법으로 년, 월, 일, 시간을 리턴 3자리 숫자마다 콤마 Array를 문자로 반환

Array.from()

  • ES6에서 새로 추가된 문법으로 문자열 등 유사배열객체나 이터러블한 객체를 배열로 만들어주는 메서드

HTMLCollection으로 만든 유사배열을 forEach 사용하기 위해 사용해봤다.

const arr = e.target.parentNode.children

Array.from(arr).forEach(ele => {
	console.log(ele)
})

📌 HTMLCollection, NodeList 는 유사배열로 map,forEach,filter등 배열의 메소드를 사용하려면 Array.from()으로 배열을 생성후 사용해야한다.
(NodeList는 기본적으로 유일하게 forEach() 메소드를 가지고있다)


⌛️이번주 스터디때 가장 기억 남았던것은 숫자와 문자를 간편하게 바꿀 수 있는 방법이 제일 인상깊었다. 간단하게 설명하자면 문자형으로 바꾸고 싶을때는 "" 을 더해주고 숫자형으로 바꿀때는 -0 을 해주면 쉽게 바뀐다.

조건문에서는 예제중 하나였던 if로 조건문믈 만드는대신 split을 사용해 배열로 만든뒤 구현시키는게 인상적이었다.
조건문을 일일이 다 쓰는 대신 split을 사용해 배열로 돌릴 생각은 해보지 못한거 같은데 확실히 코드를 많이 보고 눈에 익혀야 그런 방법도 쓸 수 있을거 같다.

0개의 댓글