JavaScript 배열함수(2)
JavaScript 배열함수(2) — #javascript배열함수 학습법 이론 학습을 하기 이전, 명심해야할 학습법이 있다. 1.이해가지 않는다고 뒤돌...
#javascript배열함수
학습법 이론
학습을 하기 이전, 명심해야할 학습법이 있다.
1.이해가지 않는다고 뒤돌아가 다시 보지 말 것
2.외우지 말라
=> 자주 봐서 외워짐을 당하라
=> 크롬을 통해 copy and paste하라
- 이해하는게 중요하다
=> 왜 생겨났는지?
=> 왜 사용하는지?
===> 응용이 가능해진다.
- 새로운 지식이 들어올때는 뇌를 비우자
조건에 따라 배열을 분리하는 매서드
이전글에서 배열의 요소를 추가,제거 배열을 나누고,합치는 매서드를 배워봤습니다. 오늘은 조건에 따라 배열을 분류하는 매서드를 배워 보도록 하겠습니다.
every()
every() 메서드는 배열의 모든요소가 주어진 조건을 만족하는지 테스트할 수 있습니다. 모두 만족시 true를 반환하고 하나라도 만족하지 못하는 경우 false를 반환합니다.
| const num =\[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16\]let isEven = (value)=> value % 2 ===0;console.log(num.every(isEven));//false |
|---|
isEven이라는 함수를 만들고 인수를 받아 나머지가 0인지 확인하는 코드를 작성했습니다.이제 만든 배열에 every매서의 인자로 만든 isEven함수를 넣어주면됩니다. num배열에 있는 모든 요소가 isEven에 돌면서 true와 false값을 가지게 될것입니다. 모두 true일 경우만 every()매서드는 true를 반환하니 반환하는 값은 false입니다.
some()
some() 메서드는 배열의 요소중에 인자로 가지는 함수의 결과가 true일때까지 원소를 반복합니다. 하나라도 true가 나온다면 true값을 가집니다.
| const num =\[1,3,5,7,9,11,13,15,18\]let isEven = (value)=> value % 2 ===0;console.log(num.some(isEven));//true |
|---|
위 배열에서 18을 제외한 모든값이 홀수입니다. 하지만 18이 짝수임으로 some()매서드 값은 true를 반환합니다.
map()
map()매서드는 배열이 주어진 조건을 실행한 결과로 구성된 새로운 배열을 반환합니다.
| const num =\[1,3,5,7,9,11,13,15,18\]let isEven = (value)=> value % 2 ===0;console.log(num.map(isEven));//\[false,false,false,false,false,false,false,false,true\] |
|---|
주어진 조건은 짝수를 고르는 조건식이고, 18을 제외한 모든 수가 홀수이니 false를 반환, 18만 true를 반환합니다.
filter()
filter()매서드는 배열이 주어진 조건을 true로 만드는 요소들로 이루어진 배열을 반환합니다.
| const num =\[1,3,5,7,9,11,13,15,18\]let isEven = (value)=> value % 2 ===0;console.log(num.filter(isEven));//\[18\] |
|---|
주어진 배열에서 18을 제외한 모든수가 홀수이니 짝수인 18만 들어있는 배열이 반환됩니다.
순서를 바꾸거나 분류하는 매서드
reverse()
reverse()매서드는 배열의 원소의 순서를 거꾸로 반환합니다.
| const foods =\["mango","banana","pizza","chicken","tomato"\]console.log(foods.reverse());// \["tomato","chicken","pizza","banana","mango"\] |
|---|
sort()
sort()매서드는 배열의 모든 원소를 문자열로 취급해 사전적으로 정렬합니다. 기본 default는 알파벳순으로 정렬이며, sort()인자로 function을 받을 수 있습니다!
| const foods =\["mango","banana","pizza","chicken","tomato"\]console.log(foods.sort());//\["banana","chicken","mango","pizza","tomato"\] |
|---|
toString
toString()매서드는 배열의 모든 원소를 문자(string type)로 반환합니다.
| const num =\[1,3,5,7,9,11,13,15,18\]console.log(num.toString());//"1,3,5,7,9,11,13,15,18" |
|---|
join()
join()매서드는 배열의 모든 요소를 하나의 문자열로 합칩니다.인자로 원하는 구분기호를 사용할 수 있습니다. 가령 요소 사이를 +로 합치고 싶으면 join("+")를 입력하면됩니다. default는 ,(comma)입니다.
| const num =\[1,3,5,7,9,11,13,15,18\]console.log(num.join('+'));//"1+3+5+7+9+11+13+15+18" |
|---|