[react] 기본 javascript 내용 정리

Object shorthand Assignment

let name = "moon";
let age = "20";

let person = {
 name: name,
 age: age
}
let person = {name, age}

console.log (person); //{name:"moon", age:"20"}

 

Distructuring = 분해하다

let person = {
 name : "moon",
 age: "20"
 }
 let name = person.name
 let age =person['age']
 let {name, age} = person
 
 let array = [1,2,3,4]
 let [a,b] = array // [1,2]
 let [a,b,...rest] = array2 //[3,4]

 

spread

let person = {name: "moon", age:12}
let person2 = {...person} //객체의 깊은복사 (내용은 같지만 주소는 완전 다름)
let person3 = person      
//객체의 주소값만 복사 (person과 person3가 같은 곳을 보고 있음. 참조만 할 뿐)
//person을 바꾸면 person3가 같이 바뀐다.

person==person3 //true
person==person2 //false

let person4 = {...person, address:"incheon"}  //address 추가
let person5 = {...person, name:"jeongin"} //name 수정

let a = [1,2]
let b = [...a,3] //a의 내용 가져와서 넣기 [1,2,3]
let c = [...a, ...b] //[1,2,1,2,3]

 

 

 

추가  삼항연산자

let person = { name:"moon", age:"20" }

if (person){
  console.log(person.name)
}else{
  console.log("there is no person")
}
person?console.log(person.name):console.log("there is no person")