(1)문자열 계산하기
문제 설명
- my_string은 "3 + 5"처럼 문자열로 된 수식입니다. 문자열 my_string이 매개변수로 주어질 때, 수식을 계산한 값을 return 하는 solution 함수를 완성해주세요.
제한사항
- 연산자는 +, -만 존재합니다.
- 문자열의 시작과 끝에는 공백이 없습니다.
- 0으로 시작하는 숫자는 주어지지 않습니다.
- 잘못된 수식은 주어지지 않습니다.
- 5 ≤ my_string의 길이 ≤ 100
- my_string을 계산한 결과값은 1 이상 100,000 이하입니다.
- my_string의 중간 계산 값은 -100,000 이상 100,000 이하입니다.
- 계산에 사용하는 숫자는 1 이상 20,000 이하인 자연수입니다.
- my_string에는 연산자가 적어도 하나 포함되어 있습니다.
- return type 은 정수형입니다.
- my_string의 숫자와 연산자는 공백 하나로 구분되어 있습니다.
입출력 예
| my_string | result |
|---|---|
| "3 + 4" | 7 |
입출력 예 설명
- 입출력 예 #1
3 + 4 = 7을 return 합니다.
풀이(1) : eval( ) 및 문제점
이 문제는 my_string을 코드처럼 인식해주는 eval()을 사용하면 해결되는 문제다.
function solution(my_string) {
var answer = eval(`${my_string}`);
return answer;
}하지만 실제로 웹을 제작하는 상황이었다면 eval()이 아닌 다른 방법으로 코드를 짜야했을 것이다.
왜냐하면 eval()는 보안에 굉장히 취약하기 때문이다.
(👉eval()의 보안이 취약한 이유)
eval()의 취약점을 보완하려면 전역 범위안에서만 함수를 생성하는Function 생성자를 사용하면 된다.
풀이(2) : new Function(...)
function solution(my_string) {
var answer = Function(`return ${my_string}`)();
return answer;
}Function(..) 뒤에 ()를 붙여주는 이유는 함수를 곧바로 호출해 코드를 조금이지만 줄일 수 있기 때문이다. (new 또한 생략하는 것이 일반적)
var expression = "10 + 5";
var result = Function(`return ${expression}`)();
console.log(result); // Output: 15var expression = "10 + 5";
var func = Function(`return ${expression}`);
var result = func; // func is a function object, not the result
console.log(result); // Output: [Function (anonymous)]Function 생성자는 실행될 때 자신의 지역 변수와 전역 변수에만 접근할 수 있고, Function 생성자가 호출된 그 범위의 변수에는 접근할 수 없다.
예제:
var x = 10;
function createFunction1() {
var x = 20;
return new Function("return x;"); // 여기서 |x|는 전역 범위에 있는 |x|를 참조함.
}
function createFunction2() {
var x = 20;
function f() {
return x; // 여기서 |x|는 위의 지역에 있는 |x|를 참조함.
}
return f;
}
var f1 = createFunction1();
console.log(f1()); // 10
var f2 = createFunction2();
console.log(f2()); // 20
(2)문자열 계산하기 : OX 퀴즈
문제 설명
덧셈, 뺄셈 수식들이 'X [연산자] Y = Z' 형태로 들어있는 문자열 배열 quiz가 매개변수로 주어집니다. 수식이 옳다면 "O"를 틀리다면 "X"를 순서대로 담은 배열을 return하도록 solution 함수를 완성해주세요.
제한사항
- 연산 기호와 숫자 사이는 항상 하나의 공백이 존재합니다. 단 음수를 표시하는 마이너스 기호와 숫자 사이에는 공백이 존재하지 않습니다.
- 1 ≤ quiz의 길이 ≤ 10
- X, Y, Z는 각각 0부터 9까지 숫자로 이루어진 정수를 의미하며, 각 숫자의 맨 앞에 마이너스 기호가 하나 있을 수 있고 이는 음수를 의미합니다.
- X, Y, Z는 0을 제외하고는 0으로 시작하지 않습니다.
- -10,000 ≤ X, Y ≤ 10,000
- -20,000 ≤ Z ≤ 20,000
- [연산자]는 + 와 - 중 하나입니다.
입출력 예
| quiz | result |
|---|---|
| ["3 - 4 = -3", "5 + 6 = 11"] | ["X", "O"] |
| ["19 - 6 = 13", "5 + 66 = 71", "5 - 15 = 63", "3 - 1 = 2"] | ["O", "O", "X", "O"] |
입출력 예 설명
-
입출력 예 :
3 - 4 = -3 은 틀린 수식이므로 "X", 5 + 6 = 11 은 옳은 수식이므로 "O" 입니다. 따라서 ["X", "O"]를 return합니다. -
입출력 예 :
19 - 6 = 13 은 옳은 수식이므로 "O", 5 + 66 = 71 은 옳은 수식이므로 "O", 5 - 15 = 63 은 틀린 수식이므로 "X", 3 - 1 = 2는 옳은 수식이므로 "O" 따라서 ["O", "O", "X", "O"]를 return합니다.
풀이 : Function()
function solution(quiz) {
// 수식은 입력하면 자동으로 계산 결과가 나오므로
// 'if구문'과 '수식 = quiz 결과부분이 일치하는가?'를 판별하는 코드를 이용하면
// 수식 결과가 O인지 X인지 판별 가능
let arr = [];
// quiz를 직접 split하면 에러 발생
// 따라서 각 element들을 여러 item 조각으로 쪼개준다.
quiz.forEach((item) => {
let checkAns = item.split(" ");
// Function() 함수로 코드를 수식으로 인식하도록 하고
// 수식의 계산 결과와 값을 나타내는 인덱스 숫자와 같은지 판별
// 같으면 'O', 틀리면 'X' isOX라는 변수에 리턴
let isOx = Function(`
if ((${checkAns[0]} + ${checkAns[1]} + ${checkAns[2]}) === ${checkAns[4]}{
return "O"
} return "X"`)();
// 리턴값을 arr에 넣어준다.
arr.push(isOx);
});
return arr;
}