본문 바로가기

Javascript/기초부터 다시 시작

 (10)
프로그래머스 Lv.0 두 수의 합 내가 쓴 코드 효율적인 코드 두수의 몫 구하기 처음엔 그냥 나누기만 해주었더니 (num1 / num2) 나머지도 같이 나와 몫만 구하는 함수를 서치해보았다. 방법은 2가지가 있었는데 1. Math.floor 2. parseInt 두가지 중 어느 것을 사용해도 몫이 구해진다 하지만 차이점이 있는데 음수의 나눈 몫을 구할 경우 1. Math.floor (-23.76) 결과: -24 2. parseInt (-23.76) 결과: -23 Math.floor는 나머지 값을 내림으로 계산하지만 parseInt는 나머지 값을 절삭한다. 그 외에도 차이점이 있다. Math.floor( "10 20 30" ); // NaN parseInt( "10 20 30" ); // 10 Math.floor는 NaN을 출..
비동기 통신 콜백함수 function taskA(a, b, callback) { setTimeout(() => { const res = a + b; callback(res); }, 3000); } taskA(3, 4, (res) => { console.log("A TASK RESULT : ", res); }); console.log("코드 끝"); 결과 function taskA(a, b, callback) { setTimeout(() => { const res = a + b; callback(res); }, 3000); } function taskB(a, callback) { setTimeout(() => { const res = a * 2; callback(res); }, 1000); } taskA(3, 4, (..
spread 연산자 배열과 객체를 한 줄로 펼치는 방법 const cookie = { base: "cookie", madeIn: "korea" }; const chocochipCookie = { base: "cookie", madeIn: "korea", toping: "chocochip" }; const blueberryCookie = { base: "cookie", madeIn: "korea", toping: "blueberry" }; const strawberryCookie = { base: "cookie", madeIn: "korea", toping: "strawberry" }; console.log(chocochipCookie); 중복되는 프로퍼티를 계속 작성해야 하는 문제 코드 수정 - 스프레드 연산자 사용 con..
비구조화 할당 let arr = ["one", "two", "three"]; let one = arr[0]; let two = arr[1]; let three = arr[2]; console.log(one, two, three); 결과 - arr을 계속 반복하여 호출해야 하는 비효율 발생 비구조화 할당을 이용하여 코드 수정 대괄호를 이용하여 배열의 값을 순서대로 할당받아 사용 let arr = ["one", "two", "three"]; let [one,two,three] = arr; console.log(one, two, three); 결과는 동일 코드를 더 줄일 수 있도록 수정 let [one, two, three] = ["one", "two", "three"]; console.log(one, two, three)..
조건문 업그레이드 조건문 function isKoreanFood(food) { if (food === "불고기" || food === "비빔밥" || food === "떡볶이") { return true; } return false; } const food1 = isKoreanFood("불고기"); const food2 = isKoreanFood("파스타"); console.log(food1); console.log(food2); 결과 하지만 한식의 종류가 많아지면 조건문이 너무 길어지게 됨 문자열로 이루어진 한식 중에 입력받은 파라미터가 존재하는 지 안하는 지만 확인하면 됨 코드 수정 (food)라는 파라미터가 배열 안에 존재하면 true 존재하지 않으면 false 리턴하는 배열의 메서드(include) 사용 funct..
삼항연산자 // TODO : 확률계산 프로그램 // 90점 이상 A+ //50점 이상 B+ //둘 다 아니면 F let score = 100; score >= 90 ? console.log("A+") : score >= 50 ? console.log("B+") : console.log("F"); 중첩해서 사용 가능 하지만 가독성이 떨어지므로 if조건문으로 변경해서 사용하는 것이 낫다 if (score >= 90) { console.log("A+"); } else if (score >= 50) { console.log("B+"); } else { console.log("F"); }
배열 보호되어 있는 글입니다.
콜백함수 보호되어 있는 글입니다.
자바스크립트 변수 & 상수 보호되어 있는 글입니다.
자바스크립트 함수 함수 선언 function doSomething() { console.log('hello'); } function add(a, b) { const sum = a + b, return sum; } 함수 호출 doSomething(); const result = add(1, 2); console.log(result); 함수의 역할 1. 기능을 하고 그냥 끝 2. 계산을 하고 특정한 값을 전달 function getArea() { let width = 10; → 2 let height = 20; → 3 let area = width * height; → 4 console.log(area); → 5 } //함수 선언식, 함수 선언 방식의 함수 생성 getArea(); → 1 console.log("함수 실행 완..

티스토리툴바