fill 함수

fill 함수

fill 함수 1. fill( ) 함수 - 배열의 모든 요소를 지정한 값으로 채우는 메서드 - 원본 배열을 변경하며, 새로운 배열을 반환하지 않음 2. 구문 - value : 배열의 요소를 채울 값 - start : 채우기가 시작될 인덱스 (기본값 : 0) (선택 사항) - end : 채우기가 종료될 인덱스. 즉, 이 인덱스의 요소는 포함되지 않음 (기본값 : array.length) (선택사항) array.fill(value[, start[, end]]) 3. 예시 const numbers= [1, 2, 3, 4, 5]; // 2번째 부터 4번째까지 0으로 변경 numbers.fill(0, 1, 4); console.log(numbers);

  • format_list_bulleted Front-End Study/JavaScript
  • · 2023. 8. 11.
  • textsms
filter 함수

filter 함수

filter 함수 1. filter( ) 함수 - 배열(Array) 객체의 메서드 - 배열 내의 요소들을 특정 조건에 따라 걸러내어, 새로운 배열을 생성하는 데 사용 2. 예시 const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; const evenNumbers = numbers.filter(function(number) { return number % 2 === 0; }); console.log(evenNumbers);

  • format_list_bulleted Front-End Study/JavaScript
  • · 2023. 8. 9.
  • textsms
focus 함수

focus 함수

focus 함수 1. focus( ) 함수 - HTML 요소에 포커스를 설정하는 메서드 - 사용자가 키보드 or 마우스 등을 사용하여, 상호작용할 때, 해당 요소에 집중되는 것을 의미

  • format_list_bulleted Front-End Study/JavaScript
  • · 2023. 8. 8.
  • textsms
trim 함수

trim 함수

trim 함수 1. trim( ) 함수 - 문자열의 앞과 뒤에 있는 공백(space, tab, 줄바꿈 등)을 제거하는 메서드 - 문자열을 가공할 때, 유용하게 사용 가능 2. 예시 const str = " Hello, World! "; const trimmedStr = str.trim(); console.log(trimmedStr); // "Hello, World!"

  • format_list_bulleted Front-End Study/JavaScript
  • · 2023. 8. 8.
  • textsms
preventDefault 함수

preventDefault 함수

preventDefault 함수 1. preventDefault( )함수 - JavaScript에서 이벤트 처리를 제어하는 데 사용되는 메서드 - 주로 웹 페이지에서 발생하는 기본 동작(URL 이동, 페이지 세로고침 등)을 막고자 할 때, 사용 - 이는 이벤트 객체에 속한 메서드이며, 이벤트 처리 함수내에서 호출됨 - 호출 시, 해당 이벤트의 기본 동작이 막히게 되며, 이후 원하는 동작 수행 가능

  • format_list_bulleted Front-End Study/JavaScript
  • · 2023. 8. 7.
  • textsms
map 함수

map 함수

map 함수 1. map( ) 함수 - 배열(Array)의 각 요소에 대해 주어진 함수를 호출하여, 새로운 배열을 생성하는 함수 2. map( ) 함수 구문 - function : 배열의 각 요소에 대해 실행될 함수 (3개의 매개변수를 가짐) - currentValue : 현재 처리 중인 요소의 값 - index : 현재 요소의 인덱스 - array : map( ) 함수가 호출된 배열 자체 - thisArg : function 내부에서 사용할 this의 값 (선택사항) array.map(function(currentValue, index, array) { // 변환 또는 가공 작업을 수행하는 코드 }, thisArg); 3. 예시 const numbers = [1,2,3,4,5]; const twiceN..

  • format_list_bulleted Front-End Study/JavaScript
  • · 2023. 8. 7.
  • textsms