ES6

array 와 arrow function 활용

으누아빠 2021. 3. 23. 13:22
반응형

array 와 arrow function 활용

const email = ["a@a.com", "b@b.com", "c@c.com"];

// array.find()
// find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환
// 그런 요소가 없다면 undefined를 반환

// array.includes()
// includes() 메서드는 배열이 특정 요소를 포함하고 있는지 판별
// true, false 반환
const findEmail = email.find((item) => item.includes("b.com"));
console.log(findEmail);
//output: b@b.com

/************************************************************************* */

const gmail = [
  "a@gmail.com",
  "b@gmail.com",
  "c@gmail.com",
  "d@naver.com",
  "e@hanmail.com"
];

// array.filter()
//filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다.
const noGmail = gmail.filter((email) => !email.includes("gmail.com"));
console.log(noGmail);
//output: ["d@naver.com", "e@hanmail.com"]

/************************************************************************* */

const foreachEmail = [
  "a@gmail.com",
  "b@gmail.com",
  "c@gmail.com",
  "d@naver.com",
  "e@hanmail.com"
];

// array.foreach()
// forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행
const cleaned = [];
foreachEmail.forEach((email) => {
  cleaned.push(email.split("@")[0]);
});

console.log(cleaned);
//output: ["a", "b", "c", "d", "e"]


/************************************************************************* */ 

const mapEmail = [
  "a@gmail.com",
  "b@gmail.com",
  "c@gmail.com",
  "d@naver.com",
  "e@hanmail.com"
];

// array.map()
// map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환
const cleanedMap = mapEmail.map((email) => email.split("@")[0]);

console.log(cleanedMap);
//output: ["a", "b", "c", "d", "e"]

'ES6' 카테고리의 다른 글

Array.of() 및 Array.from()  (0) 2021.03.31
String 내장객체 활용  (0) 2021.03.23
11. generators 생성기  (2) 2020.07.15
10. async 와 await  (0) 2020.07.15
9. promise  (0) 2020.07.14