TIL(21) - JavaScript Q&A

• <데이터 타입>
  String 문자열 '...'
  Number 숫자 123
  Boolean true/false
  Object { key: value }
  Array [1,2,3]

• 변수
  선언(변수 생성) let, const
  let number; // 선언
  할당(변수 값을 저장)

 number = 123; // 할당
 number = 200; // 재할당
 
 let number = 123;

< const, let, var >

const: 재할당x, 재선언x
let: 재할당o, 재선언x
var: 재할당o, 재선언o

var -> 함수 스코프
let, const -> 블록 스코프

const condition = true;

if (condetion) { 
  const test = '123';
}

함수

1. 함수의 선언, 실행(()로)
2. 인자 vs 매개변수
3. 인풋 / 아웃풋

function 함수명(매개변수 -> parameter) {
// 코드블럭
}
함수명(인자);

function saySomething(words, secondWord){
 console.log(words);
 console.log(secondWord);
 return 123; // 함수 실행의 결과
}

saySomething('금요일', '토요일');
// 매개변수가 2개인데 인자 1개이면 undefined

인자(argument)란? 함수를 실행할 때, 함수에게 전달해주는 값.

매개변수(parameter)란? 함수에 전달된 인자를 저장하는 변수.

• 화살표 함수

function saySomething() {};
const saySomething = () => {};

saySomething();

• 논리연산자

<, >, <=, >=
===(엄격한 비교, 항상 이거 사용하기!!), ==(느슨한 비교)

123 === '123' // false

!==, !=

123 !== 123;

• if문

const condition = false;

if(condition === true || condition === 123) {
  console.log('중괄호');
} else if(condition === false) {
  console.log('두번째 중괄호');
}else {
  console.log('아니면 여기');
}

&&(and) ||(or)

• for문

for(let i = 0; i < 5; i++) {
  console.log(i);
}

• 배열

const array = [1, 2, [100, 200, 300, 400], 3, 4, 5];
array[0]; // 1
array[2][2]; // 300

unshift, push, pop, 직접 수정

array[1] = '위코드';

array; 

array.unshift('123'); // 맨앞 추가
array.push('123'); // 맨뒤 추가
array.pop(); // 맨뒤 빼기

• 객체

const obj = {
 key: value;
};

const person = {
 name: 'tony';
 age: 18;
};

person.name; // 'tony'

const firstKey = 'name';
  person[firstKey]; // 'tony'
 
person.gender = 'male';
person.age = 100;

person; // { name: 'tony', age: 100, gender: 'male'}