//tip 27 for-in문과 for-of문으로 반복문 정리 //이번에는 반복문의 명료성을 유지하는 법을 배워보자 //필요한 결과와 일치하지 않을 때는 반복문의 사용의 이점이 없다. const firm = new Map() .set(10, `Ivie Group`) .set(23, `Soundscaping Source`) .set(31, `Big 6`); console.log(firm); //컬랙션은 배열이 아니므로 for문을 사용할 수 없다. ❗❗그러므로 펼침 연산자를 이용해 맵을 배열로 변환하면 해결할 수 있다. const entries = [...firm]; for (let i = 0; i < entries.length; i++){ const [id, name] = entries[i]; if (!i..
분류 전체보기
//tip 25 체이닝으로 메서드를 연결하라 //체이닝을 간단히 정의 하자면 값을 다시 할항하지 않고 반환된 객체(또는 원래 객체)에 메서드를 바로 호출 하는 것이다. //더 간단히 여러개의 배열 메서드에서 배열이 반환 될 때, 배열 메서드를 연이어 호출하는 것. const sailors = [ { name: `yi hong`, active: true, email: `yiho@naver.com`, }, { name: `alex`, active: true, email: ``, }, { name: `nathan`, active: false, email: ``, }, ]; //먼저 active가 true로 된 사람들에게 메일을 보낼 수 있도록 true로 된 사람만 filter하는 코드를 작성 해보자 const..
//tip 22 map() 메서드로 비슷한 길이의 배열을 생성하라 //map() 메서드는 map객체와는 다른 것이다. //map() 메서드는 흔하게 사용되고 새롭게 생성된 배열에 메서드를 콜백에서 반환하는 정보가 담긴다. 즉, 반환값이 알기 쉽다는 것이다. //맵 함수는 정보, 값의 일부를 가져와 다른 형식의 값으로 반환한다. 예제를 보자 const band = [ { name: `corbett`, instrument: `guitar`, }, { name: `evan`, instrument: `guitar`, }, { name: `sean`, instrument: `bass`, }, { name: `brett`, instrument: `drums`, }, ]; //모든 배열 메서드는 배열의 각 항목에 적..
//tip 20 화살표 함수(arrow function)으로 반복문을 간략하게 //자바 스크립트에서 콜백삼수를 많이 보게되는데, 콜백 함수는 다른 삼수의 매개변수로 사용된다. //화살표 함수를 이용해 콜백 함수를 받는 함수보다 콜백함수가 더 긴 상황을 줄일 수 있다. //화살표 함수는 함수에 필요하지 않은 정보(function키워드, 인수를 감싸는 괄호, return, 중괄호)를 최대한 걷어낸다. //대신에 `=>`화살표 하나만 사용하면 된다. 예제를 보자 function capitalize(name) { return name[0].toUpperCase() + name.slice(1); } //toUppercase() : 문자열을 대문자로 변환, 반환. slice(begin, end) : begin부터 ..
//tip 15 맵 생성 시 부수 효과를 피하라. //부수효과는 함수 내부에서 함수 외부의 값에 영향을 주거나 받는것으로 //즉, 함수내부에서 매개변수가 아닌 외부의 값을 참조, 대입, 변경, 삭제하는 행위이다. const defaults = new Map() .set(`색상`, `갈색`) .set(`견종`, `비글`) .set(`지역`, `캔자스`); const filters1 = new Map() .set(`색상`, `검정색`); //부수 효과를 신경 쓰지 않으면 맵에 has()메서드를 사용해서 키가 존재하는지 확인할 수 있다. //사용자가 설정한 데이터에 없는 디폴트의 키를 병합해주는 함수이다. function applyDefaults(map, defaults) { for (const [key, v..
9. 맵과 펼침 연산자로 키-값을 순회하자 for-in 과 for-of 로도 순회를 할 수 있다. 하지만 맵은 직접 순회를 할 수 있다. 그전에 객체의 순환을 보고가자. 아래의 코드는 객체를 직접 순회하지 않고 정보를 꺼내어 순환한다. const filters = { 색상: `검정색`, 견종: `래브라도레트리버`, }; function getAppliedFilters(filters) { const keys = Object.keys(filters); const applied = []; for (const key of keys) { applied.push(`${key}:${filters[key]}`); } return `선택한 조건은 ${applied.join(`, `)} 입니다.` } 우선, Object...
