🙂LOTTO 번호 추첨기

js미니게임 프로젝트로 자바스크립트를 활용한 로또 번호 추첨기를 만들어 보려고 한다.

로또 번호 추첨기의 중요한 기능 방식은 1 ~ 45의 범위의 정수로 이루어져 있는 숫자를 랜덤하게 6개를 뽑아 오름차순으로 정렬해 주는것이다.

그러기 위해서 알아야할 몇가지 키워드를 정리하고 넘어가야한다.

✏️주요 개념

• math.random() : 0부터 1사이의 난수(랜덤한 수)를 반환하는 함수이다.(1은 포함하지 않는다.)

• Math.floor() : 주어진 숫자를 소수점 이하를 버린 정수로 내림하는 함수이다.

• parseInt() : 문자열을 숫자형으로 바꿔주는 매서드이다.
  정수로 바꿔주기 떄문에 괜찮을거 같긴한데 굳이...?

• includes() : 배열이 특정 요소를 포함하고 있는지를 검사하는 함수입니다.
  includes() 메소드는 불리언(Boolean) 값을 반환하며, 포함하고 있다면 true, 그렇지 않다면 false를 반환합니다.

🖥️기능개발하기

⚠️첫번째 시도

아래와 같은 방법으로는 빈배열을 거를수 없기 때문에 에러가 발생했다..

 var lottoArr = []; // 빈배열 생성

    for(let i = 0; i < 6; i++){ // 6보다 작을때 까지 반복
        
        var num = Math.random() * 45 + 1; // 1~45 사이의 실수 무작위로 생성
        var parse = parseInt(num); // 실수를 정수로 바꿔줌

        lottoArr.forEach((data)=>{
            if(parse == data){
                parse = parseInt(num);
            }
        // 받아온 배열 중 중복수가 있으면 수를 다시 생성
        });
        lottoArr.push(parse); // 배열에 추가
    }
    console.log(lottoArr);
    document.write('이번주 로또 번호는 : ' + lottoArr);

⚠️두번째 시도

이 코드에서는 빈배열 두개를 생성해서 첫번째 배열 lottoArr 에 1 ~ 45 사이의 정수 난수를 추가하고, 완성된 배열lottoArr을 forEach 문을 활용해 모든 인자값을 받아와, 중복수가 없으면 새로운 배열 newArr에 다시 할당하는 식으로 했는데...

문제는 중복수는 확실하게 제외할수있는데..

중복수가 발생하게 되면 배열값이 5개가 된다는 에러가 발생한다.

	var lottoArr = [];
    var newArr = [];
	// 빈 배열 두개 생성

    for(let i = 0; i < 6; i++){
        var num = parseInt(Math.random() * 45 + 1);
      	// 1~45사이의 정수생성
        lottoArr.push(num); // lottoArr 배열에 추가
    }

    lottoArr.forEach((data)=>{ 
    // 생성된 lottoArr의 인자값 data 를 받아온다
      
        if(!newArr.includes(data)){
            newArr.push(data);
        // 새로운 배열 newArr 에 lottoArr에서 받아온 인자값이 없으면 newArr배열에 추가 한다.
        // 만약 newArr에 추가된 data 값이 중복되면 추가하지 않는다.
        }
    
    });

    newArr.sort((a,b)=> a-b); // 오름차순
    console.log(newArr);

✨ 세번째 시도

두번째 시도에서의 문제는 중복값 제거는 성공했지만 배열이 5개에서 멈추는 상황이다.

• for문은 조건이 만족할때 까지 정해진 횟수를 반복해준다.
• while문은 true일때 계속 반복해준다.

그렇기 때문의 위의 상황에서 for문 대신 while문을 사용하면 조건이 6일때 까지
배열을 생성해주기 때문에 오류를 해결할 수 있다…

  var lottoArr = []; // 빈배열 생성

  while(lottoArr.length < 6){
    var num = Math.floor(Math.random() * 45 + 1);
    
    if(!lottoArr.includes(num)){ // lottoArr에 num이 없을때
      lottoArr.push(num) // num을 배열에 추가
    }
  }

  lottoArr.sort((a,b)=> a-b);
  console.log(lottoArr);
  document.write('이번주 로또 번호는 : ' + lottoArr);