🪃 배열순환 함수

for문에 대해 익숙해질 때쯤 for문이 좀 번거롭고 귀찮게 느껴졌다
나는 배열로 반환 하고 싶은데.. 또 .push로 써서 넣고.. 인덱스 말고 값을 그냥 바로 돌릴 수 없나 생각하기도 하고 그러다 배열순환 함수를 접했다 내가 원하는 결과값을 쉽고 빠르게 얻을 수 있었다 코딩 좀더 편하게 해보자!

배열순환 함수의 종류

1️⃣ Array.forEach(function(값, 인덱스, 배열){});

배열 요소 별 콜백 함수 각각에 실행?
어떤말인지 역시 전혀 감이 잡히지 않지만 예시를 보니 이해가 됬다
일반적인 for문과 비교해보자!

//for문

let A = [1, 2, 3];
let B = [];

for (let i = 0; i < A.length; i++) {
	B.push(A[i]);
}
//forEach 활용
let A = [1, 2, 3];
let B = [];
A.forEach((i) => B.push(i));
//output = [1, 2, 3]

결론적으로, 두개의 답은 같게 나온다.
for문은 기본적으로 배열의 인덱스를 통해 배열에 접근하기 때문에 배열에 .push하기 위해서는 Araay[i] 형태로 접근 해야하지만 .forEach의 경우 배열의 값이 돌면서 값이 저장된다 따라서 값을 바로 써야할때 좀더 코드가 짧아지고 효과적 일 수 있다

2️⃣ Array.map(function(값, 인덱스, 배열){});

.map과 .forEach는 비슷해보이지만 .map은 결과를 배열로 반환한다는 큰 특징이 있다 아래 예시를 살펴보자

//for문

let A = [1, 2, 3, 4, 5];
let B = [];

for (let i = 0; i < A.length; i++) {
	B.push(A[i] * 2);
}
console.log(B);
//forEach 활용
let A = [1, 2, 3, 4, 5];
let B = A.map((item) => item * 2);
console.log(B);

//output = [ 2, 4, 6, 8, 10 ]

이처럼 .map은 결과값이 바로 배열로 반화되기 때문에 결과값을 배열로서 도출해야할때 유용하게 사용할 수 있다

3️⃣ Array.find(function(값, 인덱스, 배열){});

.find는 콜백 함수의 조건을 만족하는 단 하나의 값(첫 번째 등장 값)만을 반환하는 함수이다 즉 어떤 하나의 특정 값만 바꾸려고 하는데 모든 데이터를 확인 하는 다른 함수의 비효율성을 개선하고자 등장한 함수인 것 같다
.find()의 장점은 큰 데이터를 처리할 때 검색 속도가 빠르다는 것이고,
단점은 여러개의 데이터를 검색할 때는 활용하기가 까다롭단 것이다.

let users = [
  { name: "bob", age: 17, job: false }, 
  { name: "alice", age: 20, job: false }, 
  { name: "john", age: 27, job: true },
];

let find_job = users.find(function (user) {
return user. job == false;
});
console. log(find job);
// output: { name: 'bob', age: 17, job: false }
//name: "alice"도 job값이 false 이지만 .find는 해당하는 하나의 값, 첫번째 등장값만을 반환하다
let find age = users. find(function (user) {
return user.age > 19;
});
console. log(find_age);
// ouptut: { name: 'alice', age: 20, job: false

4️⃣ Array.filter(function(값, 인덱스, 배열){});

.filter로 .find의 단점을 보완할 수 있다. .filter는 콜백함수의 조건을 만족하는 모든 값을 배열로 반환한다

let users = [
  { name: "bob", age: 17, job: false }, 
  { name:"alice", age: 20, job: false }, 
  { name: "john", age: 27, job: true },
];
let filter_job = users. filter(function (user)
return user.job == false;
});
console.log (filter_job);
/* [ { name: 'bob', age: 17, job: false }, { name: 'alice', age: 20, job: false } ] */
let filter_age = users. filter (function (user) {
return user.age > 19;
});
console.log(filter_age);
/* [ { name:
[ { name: 'alice, age: 20, job: false }, { name: 'john', age: 27, job: true } 1 */

5️⃣ Array.some(function(값, 인덱스, 배열){});

배열 내 단 하나라도 콜백함수 조건만족한다면 true, 아니면 false반환한다

let users = [
  { name: "bob", age: 17, job: false ), 
  { name: "alice", , age: 20, job: false }, 
  { name: "john", age: 27, job: true }, 
];
let some_job = users.some(function (user) {
    return user.job == false;
});
console.log (some_job); // output: true

let some_age = users.some(function (user) {
    return user.age < 16;
});
console. log (some age); // output: false
let empty = [].some((item) =› item > 16); console. log(empty); // output: false

6️⃣ Array.every(function(값, 인덱스, 배열){});

.some과 유사하지만 .every는 모든 요소가 콜백 함수의 조건을 만족했을때 true 아니면 false를 반환 한다

let users = [
  {name:"bob", age: 17, job: false },
  {name:"alice", age: 20, job: false }, 
  {name:"john", age: 27, job: true },
];
let every_job = users.every(function(user) {
    return user. job == false;
});
	console.log(every_job); // output: false
let every_age = users.every(function(user) {
    return user.age > 16;
});
	console.log(every_age); // output: true
let empty = [].every((item) =› item > 16) ;
	console.log (empty); // output: false