Array

서정준·2022년 8월 8일
0

ES6

목록 보기
7/7
post-thumbnail
post-custom-banner

Array.of()

  • Array.of() method는 원소의 새로운 배열을 생성한다.
  • 아래 코드에서 friendsArray와 friendsof의 배열이 같음을 볼 수 있다.
const friendsArray = ["nico", "lynn", "dal", "mark"];

const friendsOf = Array.of("nico", "lynn", "dal", "mark");

console.log(friendsArray); //['nico', 'lynn', 'dal', 'mark']
console.log(friendsOf); //['nico', 'lynn', 'dal', 'mark']

Array.from()

  • 유사 배열 객체(array-like object)을 배열로 바꿔준다.
  • 아래 코드에서 Array.from이 없을 경우 error가 발생한다.
const buttonclass = document.getElementsByClassName("btn");

Array.from(buttonclass).forEach((buttonclass) => {
    buttonclass.addEventListener("click", () =>
        console.log("i have been clicked")
    );
});

Array.find()

  • 배열에서 조건에 맞는 가장 첫번째 원소를 반환한다.
const friends = [
    "nico@gmail.com",
    "lynn@naver.com",
    "dal@yahoo.com",
    "mark@hotmail.com",
    "flynn@korea.com",
    "fill@korea.com",
    ];
const check = () => friends.find((friend) => friend.includes("korea.com"));
let target = check();

console.log(target)// "flynn@korea.com"

Array.findIndex()

  • 배열에서 조건에 맞는 가장 첫번째 원소의 index를 반환한다.
const friends = [
    "nico@gmail.com",
    "lynn@naver.com",
    "dal@yahoo.com",
    "mark@hotmail.com",
    "flynn@korea.com",
    "fill@korea.com",
    ];
const check = () => friends.findIndex((friend) => friend.includes("korea.com"));
let target = check();

console.log(target)// 4

Array.fill()

  • arr.fill(채우고 싶은 값, 시작 index, 끝 index)
const friends = [
    "nico@gmail.com",
    "lynn@naver.com",
    "dal@yahoo.com",
    "mark@hotmail.com",
    "flynn@korea.com",
    "fill@korea.com",
    ];
    

friends.fill("seojun28@naver.com",friends.length-3);
console.log(friends);

profile
통통통통
post-custom-banner

0개의 댓글