JavaScript Promise 함수

프로미스 함수는 대기, 이행, 실패 시 작동

객체 선언하기

let promise = new Promise(function (resolve, reject) {
  resolve(); // 성공 시 작동
  reject(); // 오류 시 작동
});

 

프로미스 객체의 값을 받을 때에는 .then 을 사용하여 값을 받음

promise.then(function (value) {
  console.log(value);
});

 

람다식으로 줄일 수 있다

promise.then((value) => {
  console.log(value);
});

 

에러는 catch 로 잡음

promise.catch(function (err) {
  console.log(err);
});

 

Async, Await

콜백 함수와 프로미스의 단점을 극복하고 가독성을 높인 async, await

async 는 함수 앞에 붙임

await 은 async 함수 내에서 작성, 동기식처럼 promise 처리가 끝날때까지 기다림

async function print() {
  let promise2 = new Promise(function (resolve, reject) {
    setTimeout(() => resolve("성공"), 1000);
  });

  let result = await promise2;
  console.log(result);
}

print(); // 1초 뒤에 "성공" 이라는 메세지가 콘솔창에 출력

 

예외처리 하기

// 예외처리 하기
async function() {
  try {
    // 성공 시 실행할 함수
  } catch(err) {
    // 예외 발생 시 처리할 내용
  }
}

 

자바스크립트의 배열

배열의 값 추출과 삽입

const arr = [1, 2, 3, 4, 5];

arr.push(6); // 데이터 넣기
console.log(arr); // [1, 2, 3, 4, 5, 6]

arr.unshift(10); // 배열의 맨 앞에 값 넣기
console.log(arr); // [10, 1, 2, 3, 4, 5, 6]

arr.pop(); // 배열의 맨 끝에서 값 추출 후 삭제
console.log(arr); // [10, 1, 2, 3, 4, 5]

arr.shift(); // 배열의 맨 앞에서 값 추출 후 삭제
console.log(arr); // [1, 2, 3, 4, 5]

 

splice 메소드

// splice : 배열에서 특정 위치에 새로운 요소를 추가, 특정 요소에 있는 값을 수정
// 배열명.splice(추가/삭제 할 위치, 삭제할 갯수, 추가할 요소);

arr.splice(0, 2, 100); // 0번 index 부터 값 2개를 삭제 후 0번 index에 100 을 추가
console.log(arr); // [100, 3, 4, 5]

arr.splice(1, 1); // 1번 index 부터 값 1개를 삭제
console.log(arr); // [100, 4, 5]