Javascript 기본

==
!=
사용하지 않는 것을 권장
'10'==10
자바스크립트에서 자동 형변환 기능으로 결과가 true로 평가됨

---

자료형

undefined

• 값이 할당되지 않은 변수는 기본적으로 undefined

object/dictionary

• {키:값,키:값}의 형태로 표현
  object.key
  object['key']

객체나 배열 변수로 분해(객체 구조 분해 할당)

const obj = {a='aa',b='bb'};
const {a,b}=obj;
console.log(a)//aa
console.log(b)//bb

배열 array/list

[a,b,c]의 형태로 표현
index 값에 접근 가능하게 해주는 식별자

const array = ['a','b','c']
array[0]//a
array[1]//b
array[2]//c

배열 구조 분해 할당

const arr = ['Node','react','spring']
const [backend,frontend]=arr
console.log(backend)//Node
console.log(frontend)//react

NaN

Not a Number
숫자가 아닌 값을 숫자로 반환하는 경우 NaN뜸
Number.isNaN()

• 현재 값이 NaN true
  isNaN()
• 현재 값이 NaN, 숫자로 변환했을 때 NaN ture

변수에 함수 할당

const variable = function(){
	return 'value'
}
variable();

같음

function variable(){
	return '값'
}
variable();

---

불리언 연산

falsy 값

• 빈 문자열 '', 숫자 0, 불리언 false, null, undefined, NaN

Truthy

• Falsy 값이 아닌 모든 값

---

논리 연산자

&&(AND연산자)

• 모두 true -> true
  true false -> false
  false false -> false

||(OR연산자)

• 하나라도 true -> true
  false false -> false

!(NOT연산자)

• 반대 값 반환

AND연산자를 사용할 때 모든 값이 Truthy 할 경우 맨 뒤에 있는 값이 변수에 할당

const result = true && true && 'value';
result//'value'

OR연산자를 사용할 때 가장 먼저 오는 Truthy한 값이 변수에 할당

const name = false || false || 'd' || 'a';
name//'d'

---

반복문

break

• 조건에 상관 없이 반복문 중단

continue

• 조건에 상관 없이 해당 명령문 중단 다음 단계인 증감문 실행

for of

• array, map과 같은 반복 가능한 객체의 요소를 하나씩 반복한 수 있게 해줌
  const persons = ['a','b','c']
  for (const person of persons){
  console.log(person)
  }
  //'a','b','c'

for in

• for of와 유사함 요소의 key를 전달함
  //0
  //1
  //2

객체 타입은 반복 가능x
객체 타입이 반복문을 사용하기 위한 방법

• for in으로 key값 뽑아서 넣어

연습문제

변수 선언시 값을 할당하지 않으면 어떤 값?

• undefined

선언되지 않은 변수를 참조하면 어떻게 되나요?

• 못써

배열이 기본으로 제공해주는 함수들이 있습니다. 이 중 원하는 데이터를 필터링 해주는 함수는?

• filter

arr.filter(callback(element,index,array),thisArg)

arr.filter(function(data){
	return data%5 ==0 ? true:false;
})
arr.filter((data)=>{
	return data % 5 ==0 ? true:false;
})

spread operator 전개 구문
...쓰면 가져옴//{...box,color:'blue'}색만 블루인 박스가 생김

const box = {size:'big',color:'red'}
const newbox = {...box};//{size:'big',color:'red'}

정말 자주 쓰이는 메소드
1. map()

• 배열 내의 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환

2.filter()

• 주어진 함수의 테스트를 통과하는 요소를 모아서 새로운 배열을 반환

연습문제
1. 함수에서 return을 사용하지 않으면 무억을 반환할까요?

• 반환x

2.다음 보기중 반복문 사용이 가장 적합한 사례는?
3,1
3. 반복문을 이용하여 다음의 배열의 값을 하나씩 차례대로 출력해보세요

const example = ['apple', 'banana','mango','kiwi','melon'];

for(i=0;i<example.length;i++){
    console.log(example[i])
}