Skip to content

short_code.md

Latest commit

 

History

History
173 lines (119 loc) · 2.19 KB

short_code.md

File metadata and controls

173 lines (119 loc) · 2.19 KB
Raw

자바스크립트 숏 코딩



자바스크립트에서 자주 쓰이는 숏 코딩 예시를 보며,
코드를 줄여보자.




  1. true, false 반환 시 활용
// Original code

function isPositive(num) {
  if (num > 0) {
    return true;
  } 
  else {
    return false;
  }
}

// Short

function isPositive(num) {
  return num > 0;
}




  1. true, false 반환 시 활용(2)
// Original code

const result = value ? true : false;

// Short

const result = !!value;




  1. 객체의 메서드
// Original code

const person = {
  name: "codej625",
  greet: function() {
    console.log('hello ' + this.name);
  }
}

// Short

const person = {
  name: "codej625",
  greet() {
    console.log('hello ' + this.name);
  }
}




  1. 화살표 함수 활용
// Original code

const add = function(a, b) {
  return a + b;
}

// Short

const add = (a, b) => a + b;




  1. 구조 분해 할당
// Original code

const person = { name: 'codej625', age: 34 };
const name = person.name;
const age = person.age;

// Short

const person = { name: 'codej625', age: 34 };
const { name, age } = person;




  1. 옵셔널 체이닝과 Null 병합 연산자
// Original code

const user = null;
const userName = user !== null && user !== undefind ? user.name : 'Guest';

// Short

const user = null;
const userName = user?.name ?? 'Guest'; // Optional Chaining 과 Nullish Coalescing




  1. || 연산자 사용
// Original code

// 레거시버전 (ES5)
const inputValue = null;

if (inputValue) {
  console.log('truthy');
}
else {
  console.log('falsy');
}

// Short

const inputValue = null;

// ||는 논리 연산자로, 왼쪽 값이 falsy(즉, null, undefined, false, 0, NaN, '' 등)라면 오른쪽 값을 사용한다.
const userInput = inputValue || 'Falsy';

console.log(userInput); // 'Falsy'