js(10)
-
Promise.all() 사용 방법
1. 사용 범위비동기 요청을 병렬적으로 요청을 진행 할 때 2. 사용 예시const [test, test2] = await Promise.all([ testModel1.findOne(), testModel2.findOne(),]); await Promise.all([ testModel1.create(), testModel2.create(),]); 3. 에러 처리에러 처리 시 외부에서 try/catch는 Promise.all의 에러를 잡지 못한다.그래서 Promise.all 에러를 잡으려고 한다면 프로미스 체인을 통해 에러를 catch 해야한다. const [test, test2] = await Promise.all([ testModel2.findOne(), testMode..
2024.05.13 -
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