ES6 스터디 정리 : Array

4.1 Array.of()

Array.of 함수에 전달하는 파라미터를 배열로 만들어준다.

const friends = Array.of("gildong", "chulsoo", "younghee");

console.log(friends);

4.2 Array.from()

array 가 아닌 nodeList 같은 요소를 배열로 변경해 준다.

const buttons = document.querySelectorAll("button");

Array.from(buttons).forEach((item) => item.addEventListener("click", () => console.log("aa")));
//buttons 자체에 forEach 를 사용할 수 없지만 Array.from 을 통해 배열로 변경해주었다.

4.3 Array.find()

배열에서 찾고 싶은 내용을 찾아서 첫번째 내용을 리턴한다.

const friends = [
    "aaa@naver.com"
    ,"bbb@gmail.com"
    ,"ccc@korea.com"
    ,"ddd@daum.net"
    ,"eee@gmail.com"
];

const target = friends.find(friend => friend.includes("@gmail.com"));
console.log(target);
//bbb@gmail.com 이 출력된다.

4.3 Array.findIndex()

배열에서 찾고 싶은 내용을 찾아서 인덱스 숫자를 리턴한다.
순서를 찾아서 가공하고자 할때 유용하다.

const friends = [
    "aaa@naver.com"
    ,"bbb@gmail.com"
    ,"ccc@korea.com"
    ,"ddd@daum.net"
    ,"eee@gmail.com"
];

const target = friends.findIndex(friend => friend.includes("@gmail.com"));
const userName = friends[target].split("@")[0];
console.log(`${userName}@korea.com`);
//target 에 index 를 전달 받아 대상을 변경하였다.

4.4 Array.fill

시작 Index 부터 End index 까지 특정 문자열로 채운다.

const friends = [
    "aaa@naver.com"
    ,"bbb@gmail.com"
    ,"ccc@korea.com"
    ,"ddd@daum.net"
    ,"eee@gmail.com"
];

const check = () => friends.findIndex(item => item.includes("@daum.net"));

let target = check();
if(target !== -1){
    console.log(target);
    friends.fill("*".repeat(5), target, target + 1);
    //start index, end index 를 모두 지정하지 않으며 모두 내용을 변경한다.
    //end index 를 지정하지 않으면 시작값부터 끝까지 내용을 변경한다.
}
console.log(friends);

4.4 Array.includes

배열에 내용이 있는지 확인한다. true 또는 false 를 리턴한다.

const friends = [
    "aaa@naver.com"
    ,"bbb@gmail.com"
    ,"ccc@korea.com"
    ,"ddd@daum.net"
    ,"eee@gmail.com"
];

console.log(friends.includes("bbb@gmail.com"));
//true 가 리턴된다.