개념

배열의 생성에 관하여

var array = [];
var candidate = Array(45); // 빈 배열 생성기존 

기존에 배열은 단순히 배열을 생성했지만

var candidate = Array(45); 의 경우에는 45개의 배열을 미리 생성해둔것이다.

하지만 undefined나 빈값과는 다르게 empty로 저장되있다.

이를 undefined로 바꿔줄수 있는 방법이 .fill()

var fill = candidate.fill();

fill 값은 45개의 빈배열로 된 값에 undefined로 정의 시킴

forEach(function(e)){}

forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행시킨다.

fill.forEach(function(element){
    console.log(element);
})

fill 이라는 배열에서 반복적으로 해당 값을 출력시킨다.

map(callback(currentValue[, index[, array]])[, thisArg])

map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환

callback 함수의 요소로

currentValue :처리할 현재 요소.

index : 처리할 현재 요소의 인덱스.

array : map()을 호출한 배열.

thisArg : callback을 실행할 때 this로 사용되는 값으로 구성

var map = fill.map(function(e,index){
    return index + 1;
})

map 은 fill 이라는 배열에서 1을 더해준 값을 새롭게 반환 시킨다.

자바스크립트에서 css 를 조작하는 법

var ball = document.createElement("div"); 
        ball.textContent = number;
        ball.style.display = 'inline-block' // 자바스크립트에서 css 조작법
        ball.style.border = '1px solid black';
        ball.style.borderRadius = '10px'; // border-radius => borderRadius 로 변환 - 를 대문자로 변환시킨다.
        ball.style.width='20px';
        ball.style.height='20px';
        ball.style.textAlign='center';
        ball.style.marginRight='10px';
        ball.id = 'ballid'+number;

setTimeout()

1초 뒤에 실행

setTimeout(function callback() {
       함수
    } , 1000)