버튼을 클릭하면 명언이 나와요
-이름이 나와요
01. 결괏값을 작성하시오.
(function(){
console.log("함수가 실행되었습니다.");
})();
답 : 함수가 실행되었습니다.
설명 : 즉시 실행 함수입니다. 제일 처음에 인터넷 로딩시에 시작이 됩니다.
02.결괏값을 작성하시오.
function func(str = "함수가 실행되었습니다."){
document.write(str);
}
func();
답 : 함수가 실행되었습니다.
설명 : ES10에서 도입한 파라미터 함수입니다.
자바스크립트도 매개변수에 직접 데이터를 할당 할 수가 있습니다.
03.결괏값을 작성하시오
let sum = 0;
for(var i=1; i<=10; i+=2) {
sum += i;
};
document.write(sum);
답 : 25
설명 : for문으로 i의 값이 1증가 시킬때마다 sum에다가 i의 값만큼 저장합니다
04.다음의 결괏값을 보고 빈칸을 작성하시오.
const obj = {
a: 100,
b: 200,
c: "javascript"
}
const { a, b, c } = _______;
document.write(a);
document.write(b);
document.write(c);
//100
//200
//javascript
답 : obj
설명 : 상수 a,b,c에다가 객체 obj의 값을 전달합니다.
05.다음의 결괏값을 보고 빈칸을 작성하시오.
const objA = {
a: 100,
b: 200
}
const objB = {
c: "javascript",
d: "jquery"
}
const spread = {______, ______}
document.write(spread.a);
document.write(spread.b);
document.write(spread.c);
document.write(spread.d);
//100
//200
//javascript
//jquery
답 : ...objA, ...objB
설명 : 펼침연산자 입니다. 객체에 저장된 값들을 복사 후 상수 spread에 저장합니다.
06.다음의 결괏값이 나오도록 보기에서 빈칸에 해당되는 것을 모두 고르시오
if( _____ ){
document.write("조건문이 실행되었습니다.(true)");
} else {
document.write("조건문이 실행되었습니다.(false)");
}
//document.write("조건문이 실행되었습니다.(false)");
//보기
//true, false, 1, "1", "", 0, null, undefined, [], {}
답 : false, "", 0, null, undefined
설명 : 대표적인 false문은 5가지 입니다. false, "", 0, null, undefined
07.다음의 if문은 삼항 연산자로 변경하시오.
if( num == 100 ){
document.write("true");
} else {
document.write("false");
}
답 : (num==100) ? document.write("true") : document.write("false");
설명 : 삼항연산자는 (조건)을 걸고 "?"를 씁니다. 참 : 거짓으로 분류됩니다.
08.다음의 결괏값을 작성하시오
for(var i=1; i<=1; i++){
document.write(i);
for(var j=1; j<=5; j++){
document.write(j);
}
}
답 : 1 1,2,3,4,5
설명 : for 중첩문 입니다. 1번째 for문은 세로 / 2번째 for문은 가로로 시작합니다.
09. 다음의 결괏값을 보고 빈칸을 작성하시오!
const num = [100, 200, 300, 400, 500];
for(let i=0; i<num.length; i++){
document.write(_______);
}
//100 200 300 400 500
답 : num[i]
설명 : for문을 통해서 배열에 저장된 값들을 인덱스 번호로 호출 중입니다.
10. 다음의 결괏값을 보고 빈칸을 작성하시오
const num = [100, 200, 300, 400, 500];
num.forEach(function(el){
document.write(________);
});
//100 200 300 400 500
답 : el
설명 : 대상.forEach(function(element, index, Array){ 코드 });
대상에서 가져온 값들을 분류 합니다.
1.키값과 데이터
2.인덱스 번호
3.배열
11. 다음을 보고 리턴값을 생략하여 한줄로 표현하시오!
const func = str => {
return str;
}
답 : const func = str => str;
설명 : 익명 화살표 함수입니다.
매개변수가 1개일때는 괄호 생략이 가능합니다.
return도 생략이 가능합니다.
12. 다음의 결괏값을 보고 빈 칸을 채우시오.
const num = [100, 200, 300, 400, 500];
for(let index of _____ ){
document.write(index);
}
//결과값
//100 200 300 400 500
답 : num
설명 : for of문입니다. for문을 더 쉽게 사용하기 위하는 방법으로
선언된 값의 모든 것들을 변수에 넘겨줍니다.
13. 다음의 결괏값을 작성하시오
function func(){
let i = 5, j = 4, k = 1, l, m;
l = i > 5 || j != 0;
m = j <= 4 && k < 1;
document.write(l);
document.write(m);
}
func();
답 : true, false
설명 : i와 5는 같습니다(false) || j와 0은 다릅니다.(true)
j와 4는 같거나 4가 큽니다.(true) && 1과 1은 같습니다.(false)
OR(||) : 하나라도 true면 true를 반환
AND(&&) : 모두가 참이어야지 true를 반환
NOT(!) : 참이면 거짓 / 거짓은 참
14.다음의 결괏값을 작성하시오.
const arr = [100, 200, 300, 400, 500];
const text = arr.push(600);
document.write(arr);
const arr2 = [100, 200, 300, 400, 500];
const text2 = arr2.unshift(600);
document.write(arr2);
답 : 100 200 300 400 500 600 / 100 200 300 400 500
설명 : push는 배열에 마지막에 데이터를 저장합니다.
unshift는 배열의 마지막 데이터를 빼옵니다.
15.다음의 결괏값을 작성하시오.
const obj = {
a: 100,
b: 200
};
for(let key in obj) {
console.log(key);
}
답 : a, b
설명 : for in문은 객체에서 사용되는 for문입니다.
그냥 let에 저장된 변수를 실행하면 "키값"이 실행됩니다.
obj[key]하게 되면 데이터가 실행이 됩니다.
16. 다음의 결괏값을 작성하시오
let num = 0;
while(false){
num++;
if( num == 3 ){
continue;
}
if( num > 6 ){
break;
}
}
console.log(num);
답 : 0
설명 : while문이 false이므로 건너뛰고. while문 밖에 있는 console.log()만 실행합니다.
17. 다음의 결괏값을 작성하시오
let a, b, result;
a = 7, b = 4
result = a & b;
console.log(result, a, b)
답 : 4, 7, 4
설명 : 비트연산자 입니다. "&"은 모두가 같아야 1을 true를 반환하고. 하나라도 1이면 false를 반환합니다.
그래서 111 - 7
100 - 4
----------
100 - 4
18. 다음의 결괏값을 작성하시오.
let a = 1, b = 2, c = 3, result;
result = ++a + b++ + ++c;
console.log(result);
console.log(a);
console.log(b+c);
console.log(c);
답 : 8, 2, 7, 4
설명 : 선연산자 : 값이 먼저 적용이 됩니다.
후연산자 : 나중에 선언이 되면 그때 값이 적용됩니다.
그래서 result에 저장되는 값들은 2+2+4이 됩니다.
19. 다음의 결괏값을 작성하시오
let data = [70, 80, 75, 60, 90];
let best = 0;
let score = 0;
for(let i=0; i<data.length; i++){
if(data[i]>80) {
best++;
}
if(score < data[i]) {
score = data[i];
}
}
console.log(best, score)
답 : 1, 90
설명 : for문을 통해서 배열에 저장된 값들을 호출합니다.
호출된 값들을 비교한뒤 if문으로 true인 경우 best의 값을 1증가 시킵니다.
그리고 또 if문으로 배열에 저장된 데이터를 score에 담아서 비교를 한뒤 최종값을 출력합니다.
20. 다음의 결괏값을 작성하시오
function func(num1, num2){
if(num1 > num2) return num1
else return num2
}
console.log(func(10, 23) + func(40, 50))
답 : 73
설명 : 함수 실행문으로 매개변수 2개를 줍니다.
함수는 매개변수를 받고 실행을 하는데. else문이 실행이 됩니다. 그리고 2번째 매개변수의 값을 반환합니다.
그리고 반환되는 값들을 더해서 출력합니다.