자바스크립트 퀴즈1

<script> 에 감싸져 있는 상황

forEach, map함수

for of , for in 헷갈려서 첨부

'   반 가 워 요   '.trim() //공백제거
'안녕,바이'.split(',') //특정요소 제거

 

0) for of 와 for in

const fruits = ['사과', '감', '배']

for (const 요소 of fruits){
  console.log(요소)
}

for (const 인덱스 in fruits){
  console.log(인덱스,fruits[인덱스])
}

 

 

1) 이름을 입력받아서 환영인사를 화면에 출력해주세요.

 

let name = prompt( "이름을 입력하세요");

document.write("환영합니다. " + name + "님");

 

2) 원하는 과일을 입력받아 가격안내하기

let name = prompt("원하는 과일을 입력하세요");
console.log(name);

  if (name == '사과'){
    console.log("100원입니다");
  } else if (name == '배'){
    console.log("200원입니다");
  } else if (name == '감'){
    console.log("300원입니다");
  } else {
    console.log("그런 과일은 없습니다.")
  }

 

3) 나의 반을 입력하여 출력하기

let classGrade = prompt ("너는 A,B,C중 몇반이니?");
let up = classGrade.toUpperCase();

switch (up) {
  case 'A' :
    console.log('A반입니다'); break;
  case 'B' :
    console.log('B반입니다'); break;
  case 'C' :
    console.log('C반입니다'); break;
  default :
    console.log('그런반은 없단다'); break;
}

 

4) 구구단 만들기

for (x = 2; x<10; x++){
  console.log(x + '단 시작')
  for (y=1; y<10; y++)
    console.log (  x + "*" + y + "=" + x*y )
}

 

5) for, while, forEach로 색깔 나열하기

console.log ('==for문으로 작성==');
let color1 = ['red', 'orange', 'yellow', 'green', 'blue', 'navy', 'purple']

for (i=0; i<color1.length; i++){
  console.log(color1[i]);
}

console.log ('==while문으로 작성==');
let j=0;
while (color1[j] != null){
  console.log(color1[j]);
  j++;
}

console.log ('==forEach로 작성==')
color1.forEach(function(value) {
  console.log(value);
});

console.log ('==forEach + 화살표 작성==')
color1.forEach( value => console.log(value));

 

6) for-in과 for-of 연습

  const colors = ['red', 'blue' , 'green'];

  console.log('== for-in ==');
  for (var index in colors){
    console.log(colors[index]);
  }

  console.log('== for-of ==');
  for (var value of colors){
    console.log(value);
  }

 

7) 배열

let numbers1 = [1,2,3,4,5]
let numbers2 = new Array(6,7,8,9,10)
let man =[ 
  {
  "name" : "HongGilDong",
  "dept" : "Software"
  },
  {
  'name' : "표정훈",
  "dept" : "개발자"   
  }
]

console.log(numbers1);
console.log(numbers2);
console.log(man[1].name, man[1].dept);

 

8) 배열 추가,제거,제거2
const colors = ['red', 'blue', 'green']
console.log(colors)

colors.push('gold');
console.log(colors)

colors.pop();
console.log(colors);

colors.splice(0, 1);
console.log(colors);

 

9) 현재시간을 나타내는 if조건문

const date = new Date();
const hours = date.getHours();

if (hours < 12){
  console.log(`현재 시간은 ${hours}시로 오전입니다.`)
} else {
  console.log(`현재 시간은 ${hours}시로 오후입니다.`)
}

 

10) 삼항연산자

const x = Number(prompt('숫자를 입력해주세요.',''))
alert((x>=0) ? '0 이상' : '0이하')

 

11) 태어난 해의 동물띠 구하기

const years = Number(prompt('태어난 해를 입력해주세요', '')) %12;
const tti = '원숭이,닭,개,돼지,쥐,소,호랑이,토끼,용,뱀,말,양'.split(',');
alert(`${tti[years]}띠 입니다.`)

 

12) 윤년만들기

const isLeapYear = function (){
   const year = prompt('연도를 입력하세요.')
    if ( (year % 4 === 0 )&&(year % 100 !== 0)||(year % 400 === 0) ){
    console.log(`${year}은 윤년입니다.`)
  } else {
    console.log(`${year}은 윤년이 아닙니다.`)
  }
}
isLeapYear()

 

13) 최소값 구하기

const min = function(배열){
  let output = 배열[0]
  for (let value of 배열){
    if (output > value){
      output = value
    }
  }
  return output
}
console.log(min([52,273,32,103,275,24,57]))

 

14) 배열에서 원하는 값 추출하기

let numbers = [273, 25, 75, 52, 103, 32, 57, 24, 76]
numbers = numbers.filter((value) => value % 2 === 1) //홀수만 추출
numbers = numbers.filter((value) => value <= 100) //100이하만 추출