섭스토리

✅ reduce() 메서드 reduce()는 배열의 각 요소를 순회하며 callback함수의 실행 값을 누적하여 하나의 결과값을 반환 합니다. array.reduce(callback(),initialValue) 1.callback function callback 함수는 4가지 파라미터를 가집니다. accumulator - accumulator는 callback함수의 반환값을 누적합니다. currentValue - 배열의 현재 요소 index(Optional) - 배열의 현재 요소의 인덱스 array(Optional) - 호출한 배열 array.reduce((accumulator, currentValue, index(Optional), array(Optional)) => { return 다음누산값; }, ..

✅Array.sort() 백준을 풀다가 보면 배열 내의 문자의 길이를 오름차순으로 정렬, 숫자를 내림차순으로 정렬하라는 요구사항이 많습니다. 이 함수를 알기 전에는 for 문으로 반복문을 구성해서... 인덱스로 접근해서 다음 인덱스랑 비교하고... 난리를 피웠는데, sort()는 굉장히 유용하더라고요! 하지만 처음 sort()를 보면 직관적으로 쉽게 해석되지가 않기 때문에 정확한 이해를 위해 정리해봅니다. sort() 함수는 기본적으로 오름차순으로 정렬이 됩니다. let array = [3,9,2,6,1]; console.log(array.sort()); //[1, 2, 3, 6, 9] 하지만 먼저 각 요소를 문자열로 반환해서 비교를 하기 때문에 let array = [3,20,10,2,30,1]; co..

✅호이스팅, let 과 var의 차이 호이스팅이란, 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 말합니다. 다시 말해 변수와 함수의 메모리 공간을 미리 할당해두는 것이죠! 자바스크립트 엔진은 코드를 실행하기 전 실행 컨텍스트를 위한과정에서 모든 선언(var, let, const, function, class)을 스코프에 등록합니다. (스코프 = 변수와 선언이 유효한 범위) 그리고 코드를 실행시킬 때, 함수 안에 존재하는 변수/함수선언에 대한 정보를 기억하고 있다가 실행시킵니다. var 키워드로 선언한 변수와 함수 선언문일 경우 선언문보다 참조나 호출이 먼저 나와도 오류 없이 동작합니다. 그러나 let과 const 키워드로 선언한 변수들은 선언문 보다 참조나 호출..

✅ JavaScript 객체, this, 생성자 함수의 정의 구글링해서 코드를 보다가 객체 생성을 해놓은 코드를 보면 '아, 이게 객체구나' 정도로만 알고 있었던 객체와 this, 생성자 함수에 대해서 좀 더 심화적인 공부를 하고 싶었습니다. JavaScript는 객체기반의 스크립트 언어이며 JavaScript를 이루고 있는 거의 모든 것은 객체입니다. 객체란 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입으로 Key 와 Value 를 저장할 수 있는 구조입니다. JavaScript 객체의 종류는 세 가지가 있습니다. 기본내장객체는 기본적으로 컴퓨터 언어라면 내장하고 있는 객체입니다. 오늘 배울 것은 이 기본내장객체에 Object입니다. BOM (Browser Object Model) 과..