[JavaScript] Part3 Studying

📍문제 출처

     - 바닐라 코딩

문제 1 - 켄을 찾아라

/*

  < 켄을 찾아라 >

  문자열 요소로 이루어진 배열이 인자로 주어졌을 때, 다음과 같은 조건을 만족하는 함수를 작성해 주세요!
  
  📌 인자로 들어온 배열의 요소 중 문자열 "Ken"의 인덱스를 찾을 수 있어야 합니다.
	📌 인덱스를 찾은 후 "켄은 1에 있다" 라는 형식의 문자열이 리턴되어야 합니다.
  📌 문자열 "Ken"의 위치와, 배열 요소의 갯수와 상관없이 함수는 정상적으로 작동되어야 합니다.
  📌 배열 요소에 "Ken"이 중복되거나, 존재하지 않는 경우는 없습니다.
  📌 빈 배열이 주어질 경우는 고려하지 않아도 됩니다.


  +--------------------------------------------------------------------+
  |                arr                   |            리턴 값            |
  +--------------------------------------------------------------------+  
  |  ["Jett", "Leo", "Ken", "Justin"]    |         "켄은 2에 있다"        |
  +--------------------------------------------------------------------+                   
  |   ["Lee", "Park", "Jung", "Ken"]     |         "켄은 3에 있다"        |
  +--------------------------------------------------------------------+                    

*/

const vaco1 = ["Jett", "Ken"];
const vaco2 = ["Leo", "Kim", "Ken", "Lee"];
const vaco3 = ["Ken", "Justin", "Jett"];

function findKen(arr) {
  💬;
};

console.log(findKen(vaco1));

const result1 = (findKen(vaco1) === "켄은 1에 있다");
const result2 = (findKen(vaco2) === "켄은 2에 있다");
const result3 = (findKen(vaco3) === "켄은 0에 있다");

if (
  result1 &&
  result2 &&
  result3
) {
  alert("🎉");
}

문제 풀이

function findKen(arr) {
  let kenPosition = arr.indexOf("Ken");
  return `켄은 ${kenPosition}에 있다`;
};

1. indexOf() 메서드를 이용해서 찾은 배열 내 "Ken"의 인덱스를 저장 할 변수 선언
2. text string을 이용해서 "켄은 n에 있다"를 반환하는 return문 작성

문제 2 - 바코바코바코바

/*

  < 바코바코바코바 >

  숫자가 인자로 주어졌을 때, 다음과 같은 조건을 만족하는 함수를 작성해 주세요!

  📌 n이 1인 경우 문자열 "바"를 반환해야 합니다.
  📌 n이 2인 경우 문자열 "바코"를 반환해야 합니다.
  📌 n이 3인 경우 문자열 "바코바"를 반환해야 합니다.
  📌 그 이상의 숫자는 아래 예시를 참고해 주세요.
  📌 repeat 메서드를 사용하면 안됩니다.
  📌 n은 항상 1이상 입니다.

  
  +--------------------------------------------------------------------+
  |                 n                    |            리턴 값            |
  +--------------------------------------------------------------------+ 
  |                 1                    |             "바"             |
  +--------------------------------------------------------------------+
  |                 2                    |            "바코"            |
  +--------------------------------------------------------------------+ 
  |                 3                    |           "바코바"            |
  +--------------------------------------------------------------------+
  |                 5                    |          "바코바코바"          |
  +--------------------------------------------------------------------+                    
  |                 7                    |         "바코바코바코바"        |
  +--------------------------------------------------------------------+
  |                12                    |      "바코바코바코바코바코바코"    |
  +--------------------------------------------------------------------+
 
*/

function repeatVaco(n) {
  💬;
}

const result1 = (repeatVaco(1) === "바");
const result2 = (repeatVaco(2) === "바코");
const result3 = (repeatVaco(4) === "바코바코");
const result4 = (repeatVaco(5) === "바코바코바");
const result5 = (repeatVaco(10) === "바코바코바코바코바코");

if (
  result1 &&
  result2 &&
  result3 &&
  result4 &&
  result5
) {
  alert("🎉");
}

문제 풀이

function repeatVaco(n) {
  let result = "";
  let ba = "바";
  let co = "코";
  
  for(let i = 0; i < n ; i++){
    if(i % 2 === 0){
      result += ba;
    }else{
      result +=co;
    }
  }
  return result;
};

1. result이라는 새로 생성 될 문자열을 담을 변수 생성 & ba는 "바"를 담을 변수로, co는 "co"를 담을 변수로 선언
2. for 구문을 이용해서 i를 0으로 선언 후 아래와 같이 동작하는 반복문 작성
   - 초기화 부분 : i는 0이라는 변수 선언
   - 반복 조건 : i가 n보다 작을 시
   - 동작 : if 구문을 사용해서 만약 i를 2로 나누었을 때 0이라면 "바"를 출력하고 2로 나누었을 때 다른 값이 출력되면 "코"를 출력하도록 작성했다. 이때 i의 초기 값은 0이기 때문에 0을 나누었을 때 0이므로 맨 처음에는 "바"가 출력된다.
   - 동작 후 동작 : i를 1씩 증가하게 함.

문제 3 - 가장 작은 수

/*

  < 가장 작은 수 >

  숫자 요소로 이루어진 배열이 인자로 주어졌을 때, 다음과 같은 조건을 만족하는 함수를 작성해 주세요!

  📌 각 배열의 숫자 중 가장 작은 숫자를 반환해야 합니다.
  📌 배열 내의 숫자가 중복되는 경우는 없습니다.
  📌 빈 배열이 주어질 경우는 고려하지 않아도 됩니다.


  +--------------------------------------------------------------------+
  |                arr                   |            리턴 값            |
  +--------------------------------------------------------------------+  
  |           [5, 4, 3, 2, 1]            |              1              |
  +--------------------------------------------------------------------+                   
  |           [4, 5, 1, 2, 3]            |              1              |
  +--------------------------------------------------------------------+  
  |          [10, 7, 13, 2, 6]           |              2              |
  +--------------------------------------------------------------------+

*/

const arr1 = [10];
const arr2 = [4, 10, 1, 5];
const arr3 = [13, 5, 7, 3, 10, 9];

function findMinNumber(arr) {
  💬;
}

const result1 = (findMinNumber(arr1) === 10);
const result2 = (findMinNumber(arr2) === 1);
const result3 = (findMinNumber(arr3) === 3);

if (
  result1 &&
  result2 &&
  result3
) {
  alert("🎉");
}

문제 풀이

const arr1 = [10];
const arr2 = [4, 10, 1, 5];
const arr3 = [13, 5, 7, 3, 10, 9];

function findMinNumber(arr) {
  let minValue = Math.min(...arr);
  return minValue;
};

1. Math.min() 메서드를 이용하여 최소값을 변수에 담는 코드 작성했다.
2. Math.min() 메서드를 이용하니 하나의 숫자만 담겨있는 배열인 arr1에서는 잘 동작했지만, 숫자의 배열인 객체인(여러개의 숫자들로 배열이 구성되어있는) arr2와 arr3에 Math.min() 메서드를 적용하니 NaN을 반환했다. 이유는 숫자의 배열인 객체는 단일 항목으로 취급되므로 이는 숫자로 취급을 하지 않으므로 NaN(*Not a Number)값을 반환한 것이다.
3. 따라서 arr 인수 값을 넣을 때 앞에 스프레드 연산자인 ...을 추가해주면 각 배열을 전달해주기 때문에 최소값을 반환한다.