[자바스크립트] 활용가치가 좋은 내장함수와 every(), some() 함수의 개념 및 활용법

 

🤷‍♂️ 자바스크립트 내장 함수란?

---

자바스크립트를 효율적으로 활용하려면 내장 함수를 잘 사용해야 합니다.

내장 함수는 자바스크립트에서 미리 선언된 함수로, 호출만으로 사용할 수 있습니다.

자바스크립트 언어를 사용한다면 기본적으로 제공하는 함수들을 활용해서 다양한 작업을 쉽고 효율적인 코드로 사용할 수있게 도와줍니다.

 

javascript map() 함수 알아보자!

https://cometruedream.tistory.com/7

javascript map() 함수 알아보자

 

1. console.log()

console.log는 디버깅할 때 사용되는 대표적인 내장함수입니다.

console.log('Hello, world!');

 

 

2. Math 객체

수학적 계산을 쉽게 도와주는 Math 메소드입니다.

console.log(Math.random()); // 0과 1 사이의 난수를 출력
console.log(Math.round(4.7)); // 5를 출력
console.log(Math.max(1, 3, 2)); // 3을 출력
console.log(Math.min(1, 3, 2)); // 1을 출력

 

 

3. Array 메소드

배열을 효율적으로 처리하는 Array 메소드입니다.

• Array.push(): 배열 끝에 요소를 추가합니다.
• Array.pop(): 배열 끝의 요소를 제거하고 반환합니다.
• Array.shift(): 배열의 첫 번째 요소를 제거하고 반환합니다.
• Array.unshift(): 배열의 시작에 요소를 추가합니다.
• Array.map(): 배열의 각 요소에 대해 주어진 함수를 호출한 결과를 모아 새로운 배열을 만듭니다.
• Array.filter(): 배열의 각 요소에 대해 주어진 함수의 결과가 true인 요소만으로 새로운 배열을 만듭니다.

자바스크립트는 다양한 내장함수를 제공하며, 여기서는 대표적인 세 가지 내장함수를 소개했습니다.

이제 every()와 some() 내장함수를 자세히 살펴보겠습니다.

 

🤷‍♂️ some() 함수?

---

some() 함수는 배열의 요소 중 하나라도 특정 조건을 만족하면 true를 반환합니다. 이 함수는 배열의 요소들을 순회하면서, 한 개라도 특정 조건에 만족하면 true를 반환하므로 로직에 알맞게 사용하면 좋습니다.

 

1. some 함수 사용법 예시

const numbers = [1, 2, 3, 4, 5]
const thisIsSome = numbers.some(num => num % 2 === 0)
//짝수가 있는지 확인하는 조건
console.log(thisIsSome); // true 반환

특정 조건에 1개라도 만족한다면 some 함수는 true를 반환합니다.

 

2. some 함수 사용법 예시

const names = ['yoo', 'kim', 'park']
const thisIsSome = names.some(name => name === "chris")
//chris가 있는지 확인하는 조건
console.log(thisIsSome); // false 반환

배열을 순회하면서 "chris"라는 조건을 만족하는 요소가 없으므로 false를 반환합니다.

 

🤷‍♂️ every() 함수란?

---

every() 함수는 배열의 모든 요소가 특정 조건을 만족하면 true를 반환합니다. 이 함수는 배열의 요소들을 순회하면서 모든 조건을 충족하면 true를 반환하고, 하나라도 조건을 충족하지 못하면 false를 반환합니다.

 

1. every 함수 사용법 예시

const numbers = [2, 4, 6, 8, 10];
const isEven = numbers.every(num => num % 2 === 0);
//짝수를 확인하는 조건
console.log(isEven); //true

배열을 순회하면서 모든 조건을 충족시키기 때문에 true 반환합니다.

 

2. every 함수 사용법 예시

const numbers = [1, 2, 4, 6, 8, 10];
const isEven = numbers.every(num => num % 2 === 0);
//짝수를 확인하는 조건
console.log(isEven); //false

배열을 순회하면서 모든 조건을 충족하지 못하기 때문에 false 반환합니다.

 

 

🤷‍♂️ every, some을 유용하게 사용하는 방법은?

---

some, every 함수는 어떤 상황에서 사용해야할까?

some 함수는 배열을 순회하여 특정한 요소가 있는지 확인할 때 유용하며, every 함수는 배열의 모든 요소가 조건을 충족하는지 확인할 때 사용하면 좋습니다.

 

some, every 함수는 어떤 차이가 있을까?

every 함수는 배열의 모든 요소가 조건을 충족하는 AND 개념이며, some 함수는 배열의 요소 중 하나라도 조건을 충족하는 OR 개념입니다. 가장 큰 차이점은 반환값의 차이입니다.

 

---

 

재밌는 오늘의 띠별 운세 보고 가세요! 

 

 

https://cometruedream.tistory.com/247

[React] Tailwind 한줄, 두줄, 세줄 효과 className 커스텀

 

 

https://cometruedream.tistory.com/243

NestJS Lifecycle (생명주기) 개념

 

 

https://cometruedream.tistory.com/242

리액트 Vite Proxy 활용한 CORS 오류 해결

 

 

https://cometruedream.tistory.com/241

React 폴더구조 FSD 기능 분활 설계 아키텍처

 

 

https://cometruedream.tistory.com/244

쉽게 이해하고 사용할수 있는 Prisma 명령어 정리