[JS] 배열 함수

zhflsdl보보·2022년 11월 13일
0

JavaScript

목록 보기
9/10

1) join()

array -> string (구분자로 나타낼 수도 있다)

const fruits = ['apple', 'banana', 'orange'];
const result = fruits.join(); 

console.log(result); // apple,banana,orange

2) split()

string -> array (구분자 필수, limit 전달 가능)
split(구분자, (개수))

const fruits = 'apple, banana, orange';
const result = fruits.split(',');

console.log(result); // ['apple', 'banana', 'orange']

3) reverse()

array 의 순서를 거꾸로!
배열 자체를 변화시킨다.

const array = [1,2,3,4,5];
const result = array.reverse();

console.log(result); // [5,4,3,2,1]
console.log(array); // [5,4,3,2,1]

4) splice()

배열 자체에서 데이터 삭제 & 새로운 배열을 return 한다!
splice(n,m) => 배열의 n번째에서 m개 삭제

const array = [1,2,3,4,5];
const result = array.splice(0,2);

console.log(result); // [1,2]
console.log(array); // [3,4,5]

5) slice()

배열의 특정한 부분을 return
slice(start, end) => end는 포함되지 않음

const array = [1,2,3,4,5];
const result = array.splice(2,5);

console.log(result); // [3,4,5]
console.log(array); // [1,2,3,4,5]

6) find()

find(()=>{})
콜백함수는 boolean 값을 return 하며 첫번째로 'true'가 나오는 배열의 요소를 return 한다!

const result = students.find((students) => student.score === 90);

7) filter()

filter 안에도 콜백함수가 들어가는데
함수에 맞는 배열의 요소만 return 된다!

const result = students.filter((students) => students.enrolled);

8) map()

배열안의 모든 요소들이 함수를 거쳐 return

const result = students.map((students) => students.score);

9) some()

콜백함수를 만족하는 배열이 있는지 없는지 검사
하나라도 있으면 true, 없으면 false!

const result = students.some((students) => student.score < 50);

10) reduce()

배열의 시작부터 어떤 값을 누적할때 사용

const result = students.reduce((prev, curr) => prev + curr.score, 0);

11) sort()

두 개의 인자를 전달한다.
a-b 가 음수이면, b가 a보다 크다, 내림차순 정렬
b-a 가 음수이면, a가 b보다 크다, 오름차순 정렬

const result = students.map(student => student.score)
.sort((a, b) => a-b)
.join();
profile
매일매일 성장하는 개발자

0개의 댓글