js(9)
-
Array 스택 pop(), 큐 shift()
Stack (First In Last Out) Stack 구현 pop() 사용 const data = [1, 2, 3] data.pop() data.pop() // Pop After : [ 1 ] console.log('Pop After : ', data) Quere (First in First Out) Quere 구현 shift() 사용 const data = [1, 2, 3] data.shift() data.shift() // Pop After : [ 3 ] console.log('Shift After : ', data)
2022.12.12 -
배열 간단히 합치는 방법 [Spread operator]
두 개의 배열이 존재 할 때 ES6 이 후 간단 한 방법이 있다. 바로 spread operator를 이용 하는 방법이다. 사용 방법 비어있는 배열을 선언하고 그 안에 spread 표현을 한 배열들을 넣어준다. const plusArray = [ ...더하는 배열1 , ...더하는 배열2 ] 더하는 배열2를 먼저 저장되게 하고 싶다면 const plusArray = [ ...더하는 배열2 , ...더하는 배열1 ] 으로 저장 하면 된다. * 배열의 element가 객체일 때 도 가능하다! ex ) const data1 = [1,2,3,4] const date2 = [5,6,7,8] const totalData = [ ...data1, ...data2 ] //출력 시결과 [1,2,3,4,5,6,7,8] c..
2022.06.30 -
?. [Optional chaining] 객체 안에 값이 확실치 않을 때 읽는 방법
const obj = { aClass:{ name:'a클래스' }, bClass:{ name:'b클래스' }, cClass:{ name:'c클래스' } } Optional chaining dClass라는 값이 있는지 확실치 않을 때 ?. 연산자 를 사용 사용방법 obj?.dClass.name 존재 하지 않을때는 undifind를 나타낸다.
2022.02.09 -
JavaScript 비어있는 Object (객체) 확인 방법
객체 안에 내용이 있는지 확인 할 때 사용한다. 방법 Object.keys() 함수를 사용하여 해당하는 객체의 key 목록을 배열로 변환시켜 갯수를 확인하면 된다. const testObj = {} const testObj2 = {"title":"비어있지 않습니다"} if(Object.keys(testObj).length === 0){ console.log('testObj은 빈 객체입니다.') }else{ console.log('testObj은 비어있지 않습니다.') } if(Object.keys(testObj2).length === 0){ console.log('testObj2은 빈 객체입니다.') }else{ console.log('testObj2은 비어있지 않습니다.') }
2022.01.09 -
배열 맨 앞에 데이터 추가하기 unshift()
배열에서 해당 데이터가 맨 앞에 삽입되어야 하는 경우가 종종있다. 그때 사용하는 함수다. unshift() 사용 방법 const data = [1,2,3,4] data.unshift('test') console.log(data) //['test', 1, 2, 3, 4]
2022.01.04 -
JS 배열안에 객체 찾는 방법 find() 함수 사용
list 배열에 있는 객체 중에서 name이 짱구라는 객체를 찾는다. find 함수에서 findName함수를 불러 짱구라는 데이터가 있는 객체를 찾아온다. * 만약 name에 짱구라는 복수 값이 있으면 가장 앞에있는 데이터가 출력이 된다. 그러니 중복되지않는 데이터를 기준으로 불러오는것을 추천한다. const list = [ { name: '짱구', age: 5 }, { name: '철수', age: 6 }, { name: '훈이', age: 3 }, { name: '유리', age: 7 }, { name: '맹구', age: 8 } ] function findName (people) { return people.name === '짱구' } const result = list.find(findName) ..
2021.06.09