문제10) concat을 활용한 출력 방법
아래 데이터를 concat을 활용해서 "2019/04/26 11:34:27"이 화면에 출력되도록 만드세요
const year = "2019";
const month = "04";
const day = "26";
const hour = "11";
const minute = "34";
const second = "27";
const result = ??
console.log(result);
1. 요구사상 분석
"2019" + "/" + "04" + "/" + "26"
"11" + ":" + "34" + ":" + "27"
2. 요구사항을 구체적이고 절차적으로 변환하기
"/", ":"를 각각 변수 할당 해주기
concat() 메서드를 활용하여 기존 배열을 합쳐서 새로운 배열로 반환하기.
3. 코드로 작성하기
답안지 작성
const s = "/";
const date = year.concat(s).concat(month).concat(s).concat(day);
const b = ":";
const time = hour.concat(b).concat(minute).concat(b).concat(second);
const v = " ";
const result = date.concat(v).concat(time);
console.log(result); // 2019/04/26 11:34:27
😍 새롭게 알게 된 점
concat() 메서드는 파라미터로 전달되는 값들을 기존 배열에 합쳐서 새로운 배열을 반환해주는 배열 메서드이다.
기존배열을 변경하지 않는다.
추가된 새로운 배열을 반환한다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/concat
- 문자열 합치기
const string1 = "con";
const string2 = "cat";
const string3 = string1.concat(string2)
console.log(string3); // "concat"- 배열 합치기
const array1 = ['안녕', '잘가'];
const array2 = ['홍길동', '맛있다', '1'];
const array3 = array1.concat(array2);
console.log(array3); // ["안녕", "잘가", "홍길동", "맛있다", "1"]
문제11) 몇 번째 행성 인가요?
태양계는 수성,금성,지구,화성,목성,토성,천왕성,해왕성으로 총 8개 입니다. 우리 태양계의 n번째 행성이 무엇인지 알고싶습니다. 숫자 n을 함수에 넣으면 순서에 해당하는 행성 이름을 반환하는 함수를 작성하세요
function testFunction(a) {
???
}
console.log(testFunction(1)) // 수성1. 요구사상 분석
n번째 행성을 찾아야 한다.
2. 요구사항을 구체적이고 절차적으로 변환하기
testFunction(1) 이면 반환되는 값이 "수성" 리턴되어야 한다.
testFunction(2) 이면 반환되는 값이 "금성" 리턴되어야 한다.
testFunction(3) 이면 반환되는 값이 "지구" 리턴되어야 한다.
testFunction(4) 이면 반환되는 값이 "화성" 리턴되어야 한다.
testFunction(5) 이면 반환되는 값이 "목성" 리턴되어야 한다.
testFunction(6) 이면 반환되는 값이 "토성" 리턴되어야 한다.
testFunction(7) 이면 반환되는 값이 "천왕성" 리턴되어야 한다.
testFunction(8) 이면 반환되는 값이 "해왕성" 리턴되어야 한다.
3. 코드로 작성하기
답안지 작성
function testFunction(a) {
const i = a - 1;
const 태양계 = ["수성", "금성", "지구", "화성", "목성", "토성", "천왕성", "해왕성"];
return 태양계[i]
}
console.log(testFunction(1)) // 수성🙏 회고
자바스크립트 데이터 타입 문자열이란 사실 !!!
얻고자 하는 테이터가 무엇인지!!!
문제12 ) 3의 배수 인가요?
영희는 친구와 게임을 하고 있습니다. 서로 돌아가며 랜덤으로 숫자를 하나 말하고 그게 3의 배수이면 박수를 치고 아니면 그 숫자를 그대로 말하는 게임입니다. 3의배수이면 짝이라는 글자를 3의배수가 아니면 그 숫자를 그대로 출력하는 함수를 작성하세요
console.log(testFunction(1)) //1
console.log(testFunction(3)) //짝
console.log(testFunction(6)) //짝1. 요구사상 분석
3의 배수 숫자이면 "짝" , 3의 배수 숫자가 아니면 숫자 그대로 출력되어야 한다.
2. 요구사항을 구체적이고 절차적으로 변환하기
숫자 / 3 = 0 이면 "짝"
숫자 / 3 != 0 이면 숫자
3. 코드로 작성하기
답안지 작성
function testFunction(number) {
if(number % 3 === 0) {
return "짝";
} return number;
}
console.log(testFunction(1)) //1
console.log(testFunction(3)) //짝
console.log(testFunction(6)) //짝😍 새롭게 알게 된 점
나머지 연산자 (%)
console.log(12 % 5); // 나머지 2https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Remainder
문제 13 ) 자기소개
아이들이 돌아가면서 자기소개를 하기로 했습니다. 입력으로 "김다정"이라는 이름이 입력되면 "안녕하세요. 저는 김다정입니다."라고 출력하는 함수를 만들어주세요.
1. 요구사상 분석
2. 요구사항을 구체적이고 절차적으로 변환하기
3. 코드로 작성하기
답안지 작성
function testFunction(name) {
console.log(`안녕하세요. 저는 ${name}입니다.`);
}
testFunction("김다정"); // 안녕하세요. 저는 김다정입니다.🙏 회고
문제 요구사항 분석 제대로 하기!!
문제 내용 잘 읽기!!!
문제 14) 자기소개2
아이들이 돌아가면서 자기소개를 하기로 했습니다. 입력으로 "김다정"이라는 이름이 입력되면 "안녕하세요. 저는 김다정입니다."라는 문자열을 반환하는 함수를 만들어주세요
1. 요구사상 분석
문자열을 반환하는 함수를 만들어주세요.
2. 요구사항을 구체적이고 절차적으로 변환하기
3. 코드로 작성하기
답안지 작성
function testFunction(name) {
return `안녕하세요. 저는 ${name}입니다.`;
}
testFunction("김다정"); // 안녕하세요. 저는 김다정입니다.😍 새롭게 알게 된 점
return 구문에는 함수의 출력으로 내보낼 값을 입력하는데, 이를 반환값이라고 한다.
🙏 회고
문제 요구사항 분석 제대로 하기!!
문제 내용 잘 읽기!!!
문제 15) 로꾸거
문장이 입력되면 이를 거꾸로 출력하는 함수를 만들어주세요
testfunction("거꾸로"); //console.log에 로꾸꺼 라는 단어가 화면에 출력되야 합니다1. 요구사상 분석
단어를 함수에 넣으면 단어가 거꾸러 뒤집어져서 나온다.
2. 요구사항을 구체적이고 절차적으로 변환하기
길 -> [길] -> 배열의 [0] 요소 출력
이름 -> [이, 름] -> 배열의 [1] 요소 + 배열의 [0] 요소 출력
거꾸로 -> [거, 꾸, 로] -> 배열의 [2] 요소 + 배열의 [1] 요소 + 배열의 [0] 요소 출력
문자열 잘라서 배열에 담아내는 방법 필요!
3. 코드로 작성하기
답안지 작성
function testFunction(word) {
const str = word;
const arr = str.split("");
let result = "";
for(let i = arr.length - 1 ; i >= 0; i--) {
result += arr[i];
}
console.log(result)
}
testFunction("도룡뇽"); // 뇽룡도😍 새롭게 알게 된 점
- 문자열을 배열로 변환 (split 함수)
split() 메서드는 String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눈다.
https://hianna.tistory.com/377
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/split
- 상수로 선언하면 값을 변경 할 수 없다.
- 문자열 합치는 방법!!!
🙏 회고
에러가 무엇인지 확인하고 분석하여 문제 해결을 하는 연습을 하자!
