일반 객체를 이터러블 객체로 만들기
for of 루프는 기본 이터러블 객체(예: 배열, 문자열, 맵, 셋 등)에서만 사용할 수 있다.그럼 이터러블 객체가 아닌 일반객체(사용자 정의 오브젝트)에서 어떻게 요소들을 순회할까?for...in 루프첫번째는 for in 루프로 const obj = { a: 1, b: 2, c: 3 };for (const key in obj) { console.log(`${key}: ${obj[key]}`); // 출력: a: 1, b: 2, c: 3} 객체에서 사용할 수 있는 루프 방법이다. for of 루프와 동일하게 객체 속성들을 돌며 코드를 실행한다. 배열로 반환하기저번에 keys(), values(), entries() 등의 자료구조 함수들을 배웠는데이 함수들 역시 같은 기능을 하며, 배열로 반환을 ..
고차함수 메서드로 for 루프 대체해보기
지난번 배열메서드 활용하기에서 사용했던 메서드들을 어떻게 대체할 수 있을지 알아보자 첫번째 문제주어진 배열 안의 'on' 이라는 문자열을 'off'로 교체하는 함수를 '새로' 만들기const array = ['on', 'off', 'on', 'on', 'off'];function replace(arr, from, to) { const replaced = Array.from(arr); for(let i = 0; i 이렇게 for 루프로 순회하며 값을 바꾸는 함수를 만들었었다. 오늘은 map을 활용하여 값을 변경하여 새 배열을 반환해보자const array = ['on', 'off', 'on', 'on', 'off'];function replace(arr, from, to) { r..
배열 메서드 활용 예제
배열을 순회하며 접근하는 방법과 메서드들을 활용하여 아주 간단한 기능을 구현하는 코드를 직접 작성하는 시간을 가져보자메서드를 활용할 때에는 원본 배열을 수정하는 메서드인지 잘 파악하며 사용하도록 하자. 문제1주어진 배열 안의 'on' 이라는 문자열을 'off'로 교체하는 함수를 '새로' 만들기 풀이과정 우선 input 데이터, 함수, 호출부를 만들었다.const array = ['on', 'off', 'on', 'on', 'off'];function replace(arr, from, to) { return replaced;}const result = replace(array, 'on', 'off');console.log(result) 매개변수는 input 데이터가될 배열과, 바꾸기 전 문자열,..
자바스크립트 배열
JavaScript 참고서 - JavaScript | MDN이 페이지는 JavaScript 언어에 대한 정보 보관소입니다. 이 참고서에 대해 더 읽어보세요.developer.mozilla.org 배열의 형태let arr = [1, 2, 3, 4];console.log(arr); // [1, 2, 3, 4] 배열 생성 방법배열 생성자를 이용해 배열을 생성하는 방법let arr1 = new Array(3); // 배열의 사이즈를 정하는 경우console.log(arr1); //[ ]let arr2 = new Array(1, 2, 3); // 배열의 실제 item을 정의하는 경우console.log(arr2); // [ 1, 2, 3 ] 생성자가 아닌 Array의 static 함수를 이용하여 만들수도..