배열 메소드 2
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
댓글남기기