728x90 반응형 SMALL 기술 개발/Javascript18 Callback 함수 생활코딩 Callback https://www.youtube.com/watch?v=TAyLeIj1hMc&list=PLuHgQVnccGMBVQ4ZcIRmcOeu8uktUAbxI filter 메서드에 대해 정리한 글이다! filter 메서드에 모른다면 참고~!! https://suzzeong.tistory.com/71 arr.filter(callback(element[, index[, array]])[, thisArg]) 여기서 콜백함수는, true를 반환하면 element를 유지하고, false를 반환하면 버린다. element는 판단해야하는 각각의 원소를 말한다. filter 메서드를 사용하여 콜백함수 이해하기! // 1. 콜백 함수 쓰는 방법 words = ['spray', 'limit', 'elite.. 2022. 8. 5. 고차함수(2) - Array.prototype.filter filter 메서드는 자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백 함수를 반복 호출하고, 콜백함수의 반환값이 true인 요소로만 구성된 새로운 배열을 반환한다. (원본 배열은 변경되지 X) const numbers = [1, 2, 3, 4, 5]; const odds = numbers.filter(item => item % 2); console.log(odds); // [1, 3, 5] forEach vs map vs filter forEach 메서드: 언제나 undefined를 반환, map 메서드: 콜백함수의 반환값들로 구성된 새로운 배열을 반환, filter 메서드: 콜백 함수의 반환값이 true인 요소만 추출한 새로운 배열을 반환 arr.filter(callback(eleme.. 2022. 8. 3. 고차함수(1) - Array.prototype.map map 메서드는 자신을 호출한 배열의 모든 요소 각각을 순회하면서 인수로 전달받은 콜백 함수를 반복 호출하고, 콜백 함수의 반환값들로 구성된 새로운 배열을 반환한다. (원본 배열은 변경되지 X) const array1 = [1, 4, 9, 16]; // pass a function to map const map1 = array1.map(x => x * 2); console.log(map1); // expected output: Array [2, 8, 18, 32] forEach vs map - forEach 메서드와 map 메서드의 공통점: 자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백 함수를 반복 호출한다는 것 - forEach: 언제나 undefined 반환 -> 반복문을 대체하기.. 2022. 8. 2. 스프레드 문법 Spread 라는 단어의 의미: 펼치다, 퍼뜨리다 스프레드 문법(전개 문법)은 ES6에 도입된 문법으로, ...은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서 개별적인 값들의 목록으로 만든다. 스프레드 문법의 결과물은 값으로 사용할 수 없고, 쉽표로 구분한 값의 목록을 사용하는 문맥에서만 사용할 수 있다. 1. 함수 인수 목록( myFunction (a, ...iterableObj, b) ) 2. 배열 리터럴( [ 1, ...iterableObj, '4', 'five', 6 ] ) 3. 객체 리터럴( { ...obj, key: 'value' } ) 1. 함수 호출문의 인수 목록에서 사용하는 경우 - apply() 배열의 요소를 함수에 대한 인수로 사용하려는 경우에 사용하는 것이 일반적이다. functio.. 2022. 8. 2. 템플릿 리터럴(ES6) ES6부터 새로운 문자열 표기법인 Template Literal이 도입되었다. 템플릿 리터럴은 작은따옴표(' ')나 큰따옴표(" ")같은 일반적인 따옴표 대신, 백틱(` `)을 사용해서 표현한다. `string text` `string text line 1 string text line 2` `string text ${expression} string text` tag `string text ${expression} string text` 템플릿 리터럴의 문자열 처리 기능 3가지를 소개하려고 한다. (이 외에도 많으니 MDN을 참고하길 바람) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals 1. 멀티라인 문자.. 2022. 7. 30. About JavaScript JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? 1. 느슨한 타입(loosely typed)의 동적(dynamic) 언어 JavaScript는 느슨한 타입(loosely typed)의 동적(dynamic) 언어입니다. JavaScript의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당) 가능합니다. 동적(dynamic)언어 동적언어는 사용자가 주는 정보를 토대로 웹페이지가 유동적으로 변경할 수 있게 만들어주는 언어입니다. 동적언어인 javascript로 코드를 만들면 만든 코드에 따라 어떤 행동을 했을 때 경고문이 보여진다거나 버튼을 눌렀을 때 웹페이지를 어두워지게 만들어지는 등 사용자가 주는 정보에 따라 웹페이지를 변화 시킬 수 있습니다. 2... 2022. 7. 19. 이전 1 2 3 다음 728x90 반응형 LIST
