본문 바로가기

핀테크 서비스 프론트엔드 개발자 취업 완성 2기/JS22

[JS] 데이터 - 구조 분해 할당 ( 객체, 배열) 구조 분해 할당 (비구조화 할당) 객체 const user= { name: 'flyda', age: 85, email: 'dlapdlf@gamil.com' } const {name, age, email, address} = user console.log(`사용자 이름 ${name}`)//사용자 이름 flyda console.log(`사용자 나이 ${age}`)//사용자 나이 85 console.log(`사용자 이메일 ${email}`)//사용자 이메일 dlapdlf@gamil.com console.log(`사용자 주소 ${address}`)//사용자 주소 undefined //정의되어 있지 않으면 undefined // user.address와 user['address'] 같이 인덱싱 방식으로도 사용할 .. 2022. 4. 26.
[JS] 데이터 - 전개 연산자 전개 연산자 ... const fruits = ['apple', 'banana', 'cherry'] console.log(fruits)//['apple', 'banana', 'cherry'] console.log(...fruits)//apple banana cherry //console.log('apple', 'banana', 'cherry') function toObject(a,b,c) { return { a: a, b: b, c: c } } console.log(toObject(...fruits)) console.log(toObject(fruits[0], fruits[1],.. 2022. 4. 26.
[JS] 데이터 - 데이터 불변성 (Immutability) 데이터 불변성 (Immutability) 원시 데이터 : String, Number, Boolean, undefined, null 불변 참조형 데이터 : Object, Array, Function (함수도 콜백(함수의 인수)로 사용할 수 있기 때문!) 가변 같은 주소를 바라볼 때, 하나의 변수에서 값이 수정되도 다른 변수에서도 수정된 값이 나옴 (주의!!) 원시 데이터 let a = 1 let b = 4 console.log(a, b, a === b)//1 4 false b = a console.log(a, b, a === b)//1 1 true a = 7 console.log(a, b, a === b)//7 1 false let c = 1 // 기존의 1이 들어있는 메모리 주소를 바라보게 됨! cons.. 2022. 4. 26.
[JS] 데이터 - 얕은복사(Shallow copy) & 깊은 복사(Deep copy) 얕은복사(Shallow copy) & 깊은 복사(Deep copy) 참조형 데이터에 할당연산자를 사용했을 때 나타날 수 있는 문제 const user = { name: 'Flyda', age: 85, emails: ['dskjskjdad@gmail.com'] } const copyUser = user console.log(copyUser === user)//true user.age = 22 console.log('user', user)//user {name: 'Flyda', age: 22, emails: ['dskjskjdad@gmail.com']} console.log('copyUser', copyUser) //cop.. 2022. 4. 26.

티스토리툴바