메서드
-
[JavaScript] 자바스크립트 includes 메서드 이해하기프로그래밍 이야기/JavaScript 공부 2023. 10. 1. 18:55
includes 메서드란? includes 메서드는 배열이나 문자열에 특정한 값을 포함하는지 여부를 확인하는 메서드다. 특정한 값을 포함하는지에서 유추할 수 있듯이, includes 메서드는 boolean 타입의 값을 리턴한다. 문법 문법은 생각보다 간단한 형태로 사용되는데, 배열이나 문자열 뒤에 includes 메서드를 실행시키고 첫 번째 파라미터에 확인하고 싶은 특정한 값을 아규먼트로 전달해 주면 된다. // 1. 배열에서 includes() 메서드 사용 예시: const array = ['제우스', '카나비', '쵸비', '룰러', '케리아']; console.log('1. 배열에서 includes() 메서드 사용 예시:'); console.log(array.includes('쵸비')); // ? ..
-
[JavaScript] 자바스크립트 every 메서드 이해하기프로그래밍 이야기/JavaScript 공부 2023. 9. 4. 01:14
Every 메서드란? every 메서드는 배열의 요소들이 특정 조건을 모두 만족하는지를 확인하는 배열(Array)의 메서드다. 문법 역시 some과 마찬가지로 forEach, map, filter와 거의 비슷하게 첫 번째 파라미터가 콜백 함수를 전달받지만, 앞의 메서드들과는 다르게 boolean 타입의 값을 리턴한다. 문법 const values = [1, 2, 3, 4, 5, 6]; const isPositive = values.every((currentElement, index, currentArray) => { console.log(`요소: ${currentElement}`); console.log(`index: ${index}`); console.log(currentArray); return cu..
-
[JavaScript] 자바스크립트 some 메서드 이해하기프로그래밍 이야기/JavaScript 공부 2022. 10. 2. 22:38
some 메서드란? some 메서드는 배열의 요소들중 특정 조건을 만족하는 요소가 하나 이상 있는지를 확인하는 배열(Array)의 메서드다. 문법은 forEach, map, filter와 거의 비슷하게 첫 번째 파라미터가 콜백 함수를 전달받지만, 앞의 메서드들과는 다르게 boolean 타입의 값을 리턴한다. 문법 const values = [1, 2, 3, 4, 5, 6]; const hasOver5 = values.some((currentElement, index, currentArray) => { console.log(`요소: ${currentElement}`); console.log(`index: ${index}`); console.log(currentArray); return currentElem..
-
[JavaScript] 자바스크립트 filter 메서드 이해하기프로그래밍 이야기/JavaScript 공부 2022. 9. 13. 00:55
Filter 메서드란? filter 메서드는 이름에서도 유추할 수 있듯 특정 조건을 만족하는 요소들을 걸러내는 배열(Array)의 메서드다. 숫자들만 모인 배열에서 특정 값 이상의 숫자들만 모은다거나, 여러 객체들이 모여있는 배열에서 특정 프로퍼티를 가진 값들만 모으는 경우에 유용하게 활용할 수 있다. 문법은 forEach, map과 거의 비슷하게 첫 번째 파라미터가 콜백 함수를 전달받으며, map과 같이 새로운 배열을 리턴한다. 문법 const number = [1, 2, 3, 4, 5]; const newNumber = number.filter((currentElement, index, currentArray) => { console.log(`요소: ${currentElement}`); console..
-
[Javascript] 자바스크립트 Object.values 메서드 이해하기프로그래밍 이야기/JavaScript 공부 2020. 7. 27. 00:44
Object.values 메서드란? Obejct.values() 메서드는 메서드를 호출할 때 파라미터로 전달한 객체가 가지는 프로퍼티들의 프로퍼티 값들만 묶어서 배열로 반환해주는 메서드이다. Object.keys()와 거의 비슷하다고 볼 수 있다. 메서드 이름 따라 keys는 key들을 모아서 배열로, Object.values는 value들을 모아서 배열로 만들어 주는 메서드라고 생각하면 되겠다. 문법 Object.values(obj); Object.values 메서드의 기본 문법도 keys메서드와 동일하게 그냥 이름 그대로 Object 객체에 values 메서드를 호출하고 파라미터로 프로퍼티 값을 알아내고자 하는 객체를 전달해주면 된다. const myObject = { name: '싹쓰리', enNa..
-
[JavaScript] 자바스크립트 for...of 반복문 이해하기프로그래밍 이야기/JavaScript 공부 2020. 7. 24. 00:14
for.. of 반복문이란? for.. of 반복문은 일반적으로 배열에 많이 사용되는데, 배열의 요소 개수만큼 반복하고, 반복 때마다 각 요소들을 사용할 수 있는 변수가 주어지는 독특한 반복문이라고 할 수 있다. map메서드와 forEach메서드의 콜백 함수 내에 있는 element를 사용하는 것과 비슷하다고 생각하면 좋을 것 같다. 문법 for (변수 of 배열) { 반복동작부분 } 기본적으로 for 문과 비슷한 모양을 하고 있지만 소괄호 내부에 세미콜론으로 구분되는 구간이 없고, 변수 하나와 of 키워드, 그리고 반복 할 배열을 입력해주고, 매 반복 때마다 동작할 구문은 중괄호 안에 넣어주면 된다. 그래서 map이나 forEach의 콜백 함수 내에 있는 element 파라미터처럼, 소괄호 안에 선언한..
-
[JavaScript] 자바스크립트 forEach 메서드 이해하기프로그래밍 이야기/JavaScript 공부 2020. 7. 22. 23:54
ForEach 메서드란? forEach() 메서드는 배열에 활용이 가능한 메서드로, 파라미터로 주어진 함수를 배열 요소 각각에 대해 실행하는 메서드이다. map() 메서드와 거의 비슷하지만 차이점은 따로 return 하는 값이 없다는 점이다. 문법 const myArr = [1, 2, 3, 4, 5]; const newMyArr = myArr.forEach((currentElement, index, array) => { console.log(`요소: ${currentElement}`); console.log(`index: ${index}`); console.log(array); }); console.log(newMyArr); // undefined forEach 메서드도 map메서드와 동일하게 파라미터로..
-
[JavaScript] 자바스크립트 map 메서드 이해하기프로그래밍 이야기/JavaScript 공부 2020. 7. 22. 00:23
map 메서드란? map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환하는 메서드이다. for of 문이나 forEach처럼 배열 내 요소들을 반복하는 반복문의 한 종류인데, 조금 독특한 부분은 매 반복마다 return 되는 결과에 따라 새로운 배열을 만들어낸다는 것이다. 문법 const myArr = [1, 2, 3, 4, 5]; const newMyArr = myArr.map((currentElement, index, array) => { return currentElement * 2 }); console.log(newMyArr); // [2, 4, 6, 8, 10] map메서드는 파라미터로 콜백함수를 받는데, 그 콜백 함수의 파라미터는 요소, ..