TIL #12 - JavaScript

rosarang·2021년 1월 14일
0

JavaScript

목록 보기
3/6
post-thumbnail

수식

숫자 + 숫자

  • ++ = '+ 1'
  • -- = '- 1'

예제 1

let num = 1;
num++; // `num++` 의 의미는 num = num + 1

console.log(num); // 

결과 : 2

예제 2

let num = 1;
let newNum = num++;
console.log(num);
console.log(newNum);

결과 : 2, 1

왜일까?
1. newNum 변수에 num의 변수였던 1이 할당된다.
2. 그 후 num++는 num = num + 1이므로
3. num은 2가 된다.

newNum에도 2를 할당하고 싶다면 let newNum = ++num; 순서로 작성해야 한다.

텍스트 + 숫자

  • String과 Number를 조합하면 String형으로 변환됨
  • 원래 다른 프로그래밍 언어에서는 다른 type을 서로 더하거나 뺄 수 없지만 JavaScript에서는 가능

alert("1 더하기 1은"+1+1); -> 결과 : 1 더하기 1은 11
alert("1 더하기 1은"+(1+1)); -> 1 더하기 1은 2 로 만들려면 연산 숫자에 ()를 씌워주어야 한다.

if 문

if (조건 1){
  조건1이 해당되면 실행되는 값
} else if (조건 2){
  조건2이 해당되면 실행되는 값
}
else {
  조건3이 해당되면 실행되는 값
}

비교 연산자

  • 동치 연산자(==. ===. !=. !==)와 관계 연산자 (>. <. >=. <=)가 있다
  • 관계 연산자는 문자열(사전순)과 숫자(크기) 데이터 타입을 비교할 때 사용
  • 동치연산자는 다양한 데이터 타입을 비교하는 경우 사용. 조건문 등 자주 사용됨
  • 비교 연산자가 있을 경우 비교 연산자 기준으로 왼쪽, 오른쪽 나눠서 코드 실행

동치 연산자

  • 일치 연산자 ===

    • 값과 타입이 같은지 비교하는 동등 비교 연산자
    • 엄격(일치) 비교
    • string끼리 비교하거나 숫자와 string 비교 가능
  • 불일치 연산자 !==

    • 같지 않음을 비교하는 연산자
  • 동등 연산자 ==

    • 느슨한 동등 비교 가능
    • string형 숫자도 숫자와 동일하다고 인식
    • 추상(동등) 비교
if ("3" == 3) {
  return true;
}

if ("3" === 3) {
  return false;
}

논리 연산자

  • 다른 조건에서 같은 결과를 리턴할 때 코드를 줄이기 위해 사용됨
  • 또는(or) , 그리고(and) 라는 원리 이용
  • || (shift+), &&
  • 연산자를 여러개 쓰는 경우 왼쪽을 기준으로 해석해야하며 뒤를 묶어주는게 좋음
    ex) if (age > 65 || (age < 21 && res === "한국"))
answer === "사과" || answer === "바나나" || answer === "포도"
// "사과" 또는 "바나나" 또는 "포도" 라는 뜻

name === "철수" && age === "20"
// 이름이 "김철수"이자 나이 "20"

함수 호출

function isbiggerThanHundred(num) {
  let myNumber = num;
  if (myNumber > 100) {
    return "크다!";
  } else if (myNumber <= 100) {
    return "작다!";
  }
}

인자

function halfNumber(value) {
  let number = value / 2;
  return number;
}

function halfAndAddNumber(value) {
  let result = halfNumber(value);
  return result + 1;
}

복수의 인자

function getDay(a,b,c){
  if(c){
    return "c 있다"
  }
  if(b){
    console.log("b 있다")
    return;
  }
  if(a){
    return "a 있다"
  }
}

array (배열)

let 변수명 = [];

  • 하나의 변수에 여러 변수의 값을 가짐

  • 배열의 요소는 string, number, array 모두 가능
    ex) let fruit = ["사과", "바나나", 5, ["포도", "망고", "배"]];

  • 배열의 순서(index)는 "0"부터 시작

  • 배열이름 [index] - 배열의 특정 요소 불러오기

  • 배열의 길이는 배열.length

for 문

for (반복 조건1; 조건2; 조건3) {
    // 반복 조건이 모두 맞으면 실행할 코드
}


profile
UX에 관심 많은 개발 초보 Front-end Developer

0개의 댓글