Page 34 -
P. 34
4 forEach와 map
forEach는 반복문 효과를 내는 배열의 메서드입니다. 인수로 함수를 넣고, 이 함수가 각각의 배열
요소들에 순서대로 적용되는 구조입니다.
const array = [1, 3, 5, 7];
array.forEach((number, index) => {
console.log(number, index);
});
map도 반복문 역할을 하지만, 반환값이 있다는 점에서 forEach와 다릅니다. map은 기존 배열의 요소
를 일대일로 다른 값으로 바꿉니다. 단, 기존 배열의 값이 바뀌는 것이 아니라 새로운 배열을 만듭니다.
const array = [1, 3, 5, 7];
const newArray = array.map((number, index) => {
console.log(number, index);
return number + 1;
});
console.log(array); // [1, 3, 5, 7]
console.log(newArray); // [2, 4, 6, 8]
5 document.createElement, document.createTextNode
각각 태그와 텍스트를 만드는 메서드입니다. 단, 다른 태그에 append나 appendChild 하기 전까
지는 화면에 보이지 않습니다.
6 appendChild와 append
document.createElement, document.createTextNode로 만든 태그나 텍스트를 선택한 태그
의 자식 태그로 넣습니다. appendChild로는 하나만 넣을 수 있고, append를 사용하면 여러 개를
동시에 넣을 수 있습니다. 또한, append로 텍스트를 추가할 때는 document.createTextNode 대
신 문자열을 바로 넣어도 됩니다.
260