array method

arr.filter(fn)

조건에 만족하는 모든 요소를 반환한다.

let userList = [
    {name : "Mike", age : 30},
    {name : "Jane", age : 27},
    {name : "Tom", age : 10},
];

const userListResult = userList.filter((user) => {
    if(user.age > 19){
        return true;
    }
    return false;
});

console.log(userListResult); // {name: 'Mike', age: 30}, {name: 'Jane', age: 27}


arr.reverse()

역순으로 재정렬
최근 가입된 유저, 가장 최근 글 순서로 정렬할 때 많이 쓰인다.



arr.map(fn)

한수를 받아 특정 기능을 시행하고 새로운 배열을 반환한다.

매번 나이를 확인하는 것이 귀찮기 때문에 isAdult 라는 프로퍼티를 추가한 새로운 배열을 만든다.

let userList = [
    {name : "Mike", age : 30},
    {name : "Jane", age : 27},
    {name : "Tom", age : 10},
];

let newUserList = userList.map((user, index) => {
    return Object.assign({}, user, {
        isAdult : user.age > 19
    });
});

console.log(newUserList); // [{name: 'Mike', age: 30, isAdult: true}, {name: 'Jane', age: 27, isAdult: true}, {name: 'Tom', age: 10, isAdult: false}

// index까지 사용한다면
let newUserList = userList.map((user, index) => {
    return Object.assign({}, user, {
        id : index + 1,
        isAdult : user.age > 19,
    });
});


arr.join()

배열을 합쳐서 문자열을 만든다.
인수로 구분자를 받는다.

let arrHi = ["안녕", "반가워"];
let resultHi = arrHi.join();
console.log(resultHi); // 안녕,반가워

let resultHi2 = arrHi.join(" ");
console.log(resultHi2); // 안녕 반가워


arr.split

문자열을 나눠서 배열로 만든다.

const users = "Mike, Jane, Tom, Tony";
const usersresult = users.split(",");

const lyrics = "She said What you know about love";
const lyricsresult = lyrics.split(" ")

const lyrics2 = "한국어로 한다면";
const lyricsresult2 = lyrics2.split("")

console.log(usersresult);// ['Mike', ' Jane', ' Tom', ' Tony']
console.log(lyricsresult);// ['She', 'said', 'What', 'you', 'know', 'about', 'love']
console.log(lyricsresult2);// ['한', '국', '어', '로', ' ', '한', '다', '면']


Array.isArray()

배열인지 확인하는 방법
자바스크립트에서 배열은 객체형이기 때문에 typeOf는 객체라고 알려준다.

let userList = [
    {name : "Mike", age : 30},
    {name : "Jane", age : 27},
    {name : "Tom", age : 10},
];

let to = typeof(userList);
console.log(to); // object

let too = Array.isArray(userList)
console.log(too); // true

댓글남기기