zerocho js 6 - 로또추첨기

6-1 

45개의 값이 들어갈 수 있는 빈값의 배열 만드는 법. 

array(45)

 

+ 배열의 반복문(반복메소드)

배열.map(function(값, 자릿수) { 조건 }),

배열.forEach(function(값, 자릿수) { 조건 })

var array = [1,2,3];
 
array.map(function(x) {
    return x+1;
}); // [2,3,4]
 
array.forEach(function(x, i) {
    alert(x + ':' + i);
});

배열의 항목들을 반복하면서 조작하는 함수입니다.

map과 forEach의 매개변수로 함수가 들어가는데 함수 안에 배열의 항목들을 어떻게 조작할 지 적어주면 됩니다. 예시에서는 각각 1을 더하는 것과 alert하는 조작을 했습니다.

map과 forEach의 차이점은 map은 바뀐 새 배열을 반환하지만,

forEach는 반환하지 않습니다. 따라서 forEach보다는 map이 활용성이 더 높습니다. -출처 zerocho.com

const oneTwoThree = [1, 2, 3]; let result = oneTwoThree.map((v) => { console.log(v); return v; }); // 콘솔에는 1, 2, 3이 찍힘 oneTwoThree; // [1, 2, 3] result; // [1, 2, 3] oneTwoThree === result; // false

 

map에 대해 더 자세히.

const oneTwoThree = [1, 2, 3];
let result = oneTwoThree.map((v) => {
  console.log(v);
  return v;
});
// 콘솔에는 1, 2, 3이 찍힘
oneTwoThree; // [1, 2, 3]
result; // [1, 2, 3]
oneTwoThree === result; // false

 

 

js에서 만든 엘리먼트에 classname부여해서 css 스타일 주기

.className = '클래스이름' (클래스 이름에 . 안붙여도 됨)