[Javascript] 기초

4주를 돌아보면서 기초부터 확실히 잡아야겠다는 생각이 들었다.
그리고 1주차 때 작성했던 블로그를 보니 부족한 점이 많다는 것 또한 느꼈다😂
다시 한 번 정리해서 리마인드 시키기로 했다.

변수

• 변수 선언은 한 번만 하기
• 변수에 할당하는 방법
• 표현식에서는 변수 사용이 가능
• 변수를 이용한 값 나타내기, 결과물을 다시 변수로 할당하기

let myname; // 변수 선언
myname = 'Steve'; // 변수에 할당
pi * radius * radius; // 변수를 이용해 값을 나타냄.
let areaOfCircle = pi * radius * radius; // 결과물을 다시 변수에 할당

타입

• 타입마다 다른 속성과 메소드가 있음.
• typeof를 활용하여 특정 값의 타입 확인하기
• 타입의 종류는 6가지 ➡️ 문자열, 숫자, Boolean, 배열과 객체(Object), undefined, 함수
  ⚠️ undefined, function도 타입!

함수

• 함수는 입력 ➡️ 함수 ➡️ 출력의 과정으로 이루어짐.
• 함수의 선언식과 표현식
• 함수의 전달인자(arguments)
  function myfunction() {...} // 선언식
let myfunction = function() {...} // 표현식
myfunction(input) // 전달인자(arguments)와 함께 함수에 전달

// 선언
let timeToGoHome = function(speed, distance) {
  …
}

// 호출
timeToGoHome(10, 200); // 10과 200이 전달인자
// 10을 speed로 전달, 200을 distance로 전달

• 함수 바깥으로 결과를 가져오려면?...리턴을 사용

거듭제곱 다양하게 구하는 방법

powSide = side * side;
powSide = side ** 2;
powSide = Math.pow(side, 2);

거듭제곱 (**)
거듭제곱 연산자는 첫 번째 피연산자를 밑으로, 두 번째 피연산자를 지수로 한 값을 생성합니다. 즉, let1과 let2가 변수일 때, let1^let2의 값을 생성합니다. 거듭제곱 연산자는 우결합성을 가집니다. 따라서 a ** b ** c는 a ** (b ** c)와 같습니다.

예시
2 ** 3 // 8
3 ** 2 // 9
3 ** 2.5 // 15.588457268119896
10 ** -1 // 0.1
NaN ** 2 // NaN

함수에서 True/False 값 나타내기

• 함수에 리턴값이 없다면 함수의 결과값은 undefined이다. 그러면 Boolean 값을 나오게 하려면 어떻게 해야 할까? (연산자 사용하기!)
  return expression1 && expression2;
return expression1 || expression2;
return !(!expression1 && !expression2);

isNaN() 함수

• isNaN() 함수는 어떤 값이 NaN인지 판별한다.

• isNaN 함수는 몇몇 일반적이지 않은 규칙을 가지고 있으므로, ECMAScript 2015에서 추가한 Number.isNaN()으로 바꾸는 편이 좋을 수도 있다.

• NaN은 연산(===, ==)으로 판별할 수 없다.
  그러므로 isNaN() 함수는 직접 브라우저 콘솔창으로 확인해보기!

• 매개변수 anything이 0 이거나 false, NaN, undefined, 빈 문자열일 경우 true를 반환할 때

...
let trueNaN = isNaN(anything);
if(anything === 0 || anything === false || trueNaN || anything === undefined || anything === "") {
  return true;
}

반복문

• for문과 while문에서 for문은 생략.
  반복할 조건 중 초기화와 증감문은 따로, 조건식만 괄호 안에 넣어준다.

let sum = 1;
let n = 2;
while(n <= 4) {
  sum = sum + n;
  n = n + 1;
}
console.log(sum); // 10

2020.09.09 업데이트