목록프로그래밍 언어/JavaScript (3)

KARIU의 IT 블로그

[JavaScript] ES6 - 디스트럭처링(Destructuring)

디스트럭처링(Destrucuring) 이란? 배열의 값 또는 객체의 속성을 풀어서 별개의 변수로 쓸 수 있게 해주는 문법이다. 객체 디스트럭처링, 배열 디스트럭처링, 함수 디스트럭처링 등이 존재한다. 객체 디스트럭처링(Object Destructuring) 객체 디스트럭처링을 이용하면 객체가 가진 속성에 접근함과 동시에 해당 속성 이름으로 변수 선언이 가능하다. 예시 코드) const person = { name : "Kariu", nickname : "Ray", links : { blog : { tistory : "https://kariu.tistory.com", naver : "https://blog.naver.com/kari_578", }, email : "kariu@email.com", }, in..
프로그래밍 언어/JavaScript 2022. 3. 6. 18:20
[JavaScript] ES6 - 화살표 함수(arrow function) 개념 정리

ES6이 도입되기 전 까지 자바스크립트에서 함수를 선언할 때, 아래와 같은 방식을 사용하였습니다. function greeting(name) { return `Hello! ${name}` } console.log(greeting("Kariu"); 다른 프로그래밍 언어에서 함수를 선언할 때 위와 같은 방식을 많이 사용합니다. 이러한 방식은 매우 친숙하죠. 하지만 ES6 등장 이후로 자바스크립트에는 새로운 함수 선언 방식이 등장하였습니다. 화살표 함수(Arrow function)란? ES5에서 일반적으로 쓰인 전통적인 함수(위의 코드 참조)를 간편하게 표현할 수 있는 함수입니다. 위의 코드를 화살표 함수로 바꾸면 아래와 같습니다. const greeting = (name) => return `Hello! $..
프로그래밍 언어/JavaScript 2022. 3. 1. 23:29
[JavaScript] 배열 - .find() .filter() .forEach() .map() 개념 정리

Array.find() 제공된 테스트 함수를 충족하는 배열의 첫 번째 원소를 반환한다. 충족하는 원소가 없으면 undefined를 반환한다. 예시) const emails = ["kariu@naver.com", "ray@gmail.com", "kk@gmail.com", "greentea@hanmail.net"]; const foundMail = emails.find(item => item.includes("@gmail.com")); console.log(foundMail); 결과) ray@gmail.com emails 배열에는 여러 이메일 주소들이 저장되어 있다. 이중에서 gmail인 이메일을 찾고 싶어서 .find()를 사용하였다. 하지만 emails 배열 안에는 "ray@gmail.com", "kk@..
프로그래밍 언어/JavaScript 2022. 2. 21. 13:43
Prev 1 Next