"배열 조작 메서드"

filter

o 원하는 값들롤만 새로운 배열을 만듦.
o 해당 조건이 true인 값에 대해서만 가져와 배열에 넣음
const products = [
{name: 'cucumber', type:'vege'},
{name: 'banana', type: 'fruit'},
{name: 'onion', type:'vege'},
{name: 'apple', type: 'fruit'},
]

const fruitproducts = products.filter(function(product){
return product.type == 'fruit'
})

console.log(fruitproducts)

map

map()은 매서드 배열의 원소를 일괄적으로 변형시킬 때 사용하기 좋다.

const classmate = [" "," "," "]
classmate.map((item)=>(item+" "))
=> (3)[" "," "," "] .
위의 코드가 실행되면서

기존의 classmate = [“철수”, “영희”, “훈이”] 배열이
[“철수어린이”, “영희” ,”훈이”]

[“철수어린이”, “영희어린이” ,”훈이”]

[“철수어린이”, “영희어린이” ,”훈이어린이”]

와 같이 맨 앞의 요소부터 순서대로 바뀐다.
여기서 map안의 변수item은 classmate의
원소들이 들어갈 매개변수이다.

const classmate = [
{name: "진구"},
{name: "비실이"},
{name: "퉁퉁이"}]
//item.name => "진구","비실이","퉁퉁이"
//school
classmate.map((el)=>({name : item.name + "어린이",
school : "떡잎유치원"}))
=> (3)[
{name : "진구어린이",school : "떡잎유치원"},
{name : "비실이어린이",school : "떡잎유치원"},
{name : "퉁퉁이어린이",school : "떡잎유치원"}
]
배열은 map(( ) => ( ))
배열안의 객체는 map(( ) => ({ }))
객체가 들어간 배열은 중괄호{ }로 감싸주어야 한다.

every

every() 메서드는 배열 안의 모든 요소가 주어진 판별함수를 통과하는지 테스트한다.
통과 했다면 true, 아니면 false를 반환한다.

const isBelowThreshold = (currentValue) => currentValue < 40;

const array1 = [1, 30, 39, 29, 10, 13];

console.log(array1.every(isBelowThreshold));
array1의 요소는 전부 40보다 작으므로 true가 반환된다.

아래는 every의 사용법이다

// 화살표 함수
every((element) => { ... } )
every((element, index) => { ... } )
every((element, index, array) => { ... } )

// 콜백 함수
every(callbackFn)
every(callbackFn, thisArg)

// 인라인 콜백 함수
every(function callbackFn(element) { ... })
every(function callbackFn(element, index) { ... })
every(function callbackFn(element, index, array){ ... })
every(function callbackFn(element, index, array) { ... }, thisArg)