본문 바로가기
Javascript

array methods (2)

by jisung-kim 2023. 7. 31.

arr.map(fn)  함수를 받아 특정 기능을 시행하고 새로운 배열을 반환

let userList = [
	{ name: 'Kim', age: 30 },
    { name: 'Lee', age: 26 },
    { name: 'Son', age: 22 },
]

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

후

let userList = [
	{ name: 'Kim', age: 30, isAdult: true },
    	{ name: 'Lee', age: 26, isAdult: true },
    	{ name: 'Son', age: 22, isAdult: true },
]

array.join 배열의 원소를 문자열로 합치기

let arr = ["안녕", "나는", "철수야"];

let result = arr.join();
// 안녕,나는,철수야

 

array.split 문자열을 배열로 만들어줌

const users = "Kim,Lee,Son"

const result = users.split(",");

// ["Kim", "Lee", "Son"]

 

array.isArray() 배열인지 아닌지 판별

let user = {
	name: "Kim",
    age: 20
}

let userList = ["Kim", "Lee", "Son"];

console.log(Array.isArray(user));	false
console.log(Array.isArray(userList));	true

 

array.sort(fn); 배열 정렬   //Lodash 라이브러리 사용하며 좋음

let arr = [27,8,5,13];

arr.sort((a,b) => {
	return a-b; 	// a와 b를 비교해서 b가 작으면 a앞으로, a가 b보다 작으면 a 가 앞으로
})
//5,8,13,27

array reduce 누적

1.인수로 함수를 받음
2.(누적 계산값, 현재값) => return


let arr = [1,2,3,4,5];

const result = arr.reduce((prev, cur) => {
	return prev + cur;
},0);

0은 초기값 (안써도 됨)
console.log(result);
let userList = [
	{ name : "Kim", age: 20 },
   		{ name : "Son", age: 26 },
	{ name : "Hong", age: 6 },
	{ name : "Park", age: 10 },
	{ name : "Gue", age: 16 },
	{ name : "Jo", age: 26 },
	{ name : "Lee", age: 25 },
];

let result = userList.reduce((prev, cur) => { //성인만 구하기
if(cur.age > 19){
    	prev.push(cur.name);
    }
	return prev;
}, []);


let result = userList.reduce((prev, cur) => { //나이합 구하기
	return prev += cur.age;
}, 0);

 

'Javascript' 카테고리의 다른 글

call , apply, bind  (0) 2023.08.01
전개구  (0) 2023.08.01
Array Methods  (0) 2023.07.31
toFixed(), isNaN(), parseInt()  (0) 2023.07.31
Symbol  (0) 2023.07.31