본문 바로가기

JavaScript11

자바스크립트[JS] - 💯 sort() 함수 총정리 1️⃣ sort() 함수의 개요 sort() 함수는 배열의 요소를 정렬하는 함수로, 배열의 요소를 오름차순 또는 내림차순으로 정렬할 수 있습니다. sort() 함수는 원본 배열을 변경하며, 정렬된 배열을 반환하지 않습니다. 2️⃣ sort() 함수의 사용법 // arr 배열의 요소를 오름차순으로 정렬 const arr = [5, 2, 8, 1, 3]; arr.sort(); console.log(arr); // [1, 2, 3, 5, 8] // arr 배열의 요소를 오름차순으로 정렬 const arr = [10, 3, 1, 5, 2]; arr.sort((a, b) => b - a); // [10, 5, 3, 2, 1] // a는 현재 비교 중인 요소입니다. // b는 다음 요소입니다. // b - a가 음.. 2024. 3. 15.
자바스크립트[JS] - 💯 map() 알아보기 (feat. Python) 1️⃣ map() 함수의 개요 자바스크립트의 map() 함수는 배열의 모든 요소에 함수를 적용하고, 그 결과를 새로운 배열로 반환하는 함수입니다. map() 함수는 다음과 같은 구문을 가집니다. const newArray = array.map(function(element, index, array) { // 함수를 적용할 코드 return result; }); 사용 목적 및 장점 설명 map() 함수는 배열의 각 요소에 함수를 적용해야 할 때 유용합니다. 예를 들어, 배열의 모든 요소를 제곱해야 할 때 map() 함수를 사용할 수 있습니다. 관련 용어 및 개념 정의 array : map() 함수를 적용할 대상이 되는 배열 function(element, index, array): map() 함수가 각 요.. 2024. 3. 14.
자바스크립트[JS] - 💯 splice 사용법과 코테 예제 (feat. Python) 자바스크립트에서 배열(Array)은 데이터를 저장하고 관리하는 데 매우 유용한 자료형입니다. 배열은 여러 개의 데이터를 순차적으로 저장하며, 각 데이터는 인덱스(index)를 통해 접근할 수 있습니다. 배열을 다루다 보면, 배열의 요소를 추가하거나 삭제해야 하는 경우가 있습니다. 이때 사용하는 메소드 중 하나가 splice() 메소드입니다. splice() 메소드는 배열의 일부 요소를 제거하거나, 새로운 요소를 추가하는 데 사용됩니다. 이 메소드를 사용하면 배열의 요소를 동적으로 조작할 수 있습니다. 1️⃣ splice() 함수의 개요 및 작동 방식 설명 splice() 메소드는 다음과 같은 문법을 따릅니다. array.splice(start, deleteCount, item1, item2, ...) s.. 2024. 3. 12.
자바스크립트[JS] - 💯 slice 사용법 (feat. Python) 자바스크립트의 slice() 함수는 배열의 일부를 추출하여 새로운 배열을 생성하는 함수입니다. 주로 배열의 일부 요소만 필요한 경우에 사용됩니다. 1️⃣ slice() 함수의 개요 slice() 함수는 다음과 같은 구문을 가집니다. const newArray = array.slice(start, end); start : 추출할 배열의 시작 인덱스입니다. 기본값은 0 end : 추출할 배열의 종료 인덱스입니다. 기본값은 array.length slice() 함수의 사용 목적 및 장점 배열의 일부 요소만 필요한 경우, slice() 함수를 사용하여 필요한 요소만 추출할 수 있습니다. 이를 통해 코드의 가독성과 유지보수성을 높일 수 있습니다. slice() 함수 관련 용어 및 개념 요소 : 배열의 각 항목 인.. 2024. 3. 12.
자바스크립트[JS] - 💯 filter 사용법과 코테 예제 (feat. Python) 자바스크립트의 filter() 함수는 배열의 각 요소를 테스트하고, 테스트를 통과한 요소만을 포함하는 새로운 배열을 생성하는 함수입니다. filter() 함수는 주로 배열의 요소 중 특정 조건을 만족하는 요소를 추출하거나, 배열의 요소를 필터링하여 새로운 배열을 생성하는 데 사용됩니다. 1️⃣ filter() 함수의 개요 filter() 함수는 다음과 같은 구문을 가집니다. const filteredArray = array.filter(callback(element, index, array)); callback : 각 요소에 적용할 함수입니다. 이 함수는 세 개의 매개변수를 받습니다. element : 현재 처리 중인 요소 index : 현재 처리 중인 요소의 인덱스 array : 원본 배열 filter.. 2024. 3. 12.
[Develop] 23.05.05 개발공부일지 요약: 생활코딩 자바스크립트, 서민금융진흥원 클론코딩 일시: 23.05.05 장소: 집 배운 점: Javascript 함수 객체(객체문법, 객체 안 함수 등) Jquery 높이값을 변수에 저장하여, 필요한 만큼 높이값 설정하기 마우스를 올릴 때만 ul 열기 부족한 점: 다른 ul>li를 선택 시, 기존 li 닫히게 하기 100%의 보더선 주기 2023. 5. 5.
[Develop] 23.05.02 개발공부일지 요약: 메뉴바 만들기, 생활코딩 자바스크립트 강의 일시: 23.05.02 09:30 ~ 18:20, 20:30~21:30 장소: 더휴먼컴퓨터아트아카데미, 집 배운 점: HTML 태그 dt 밑에는 dd가 꼭 있어야 해서 빨간펜 S 한자 이렇게 해서라도 넣어야 한다. 아니면 유효성 검사에서 오류 생김 CSS Javascript 변수는 var 숫자와 문자열 콘솔 2023. 5. 2.
[Develop] 23.05.01 개발공부일지 요약: 생활코딩 자바스크립트 수업 듣기 일시: 23.05.01 장소: 집 배운 점: onclick alert onchange alert onkeydown alert consol 웹브라우저 위에서 일어나는 사건 = event 부족한 점: 2023. 5. 2.
[Develop] 23.03.01 개발 공부 일지 요약: 생활코딩 JavaScript 1~6 일시: 23.03.01 장소: 집 배운 점: 자바스크립트의 역할, 간단한 이벤트 코드, 문자열과 숫자 부족한 점: 점과 괄호는 무엇을 뜻하는지를 정확히 모르고 자세한 문법이 부족하다 내용: HTML은 정적이지만 자바스크립트는 동적이다. 태그 안에 자바스트립트를 작성한다. 자바스크립트 이벤트 코드 작성 콘솔에서 직접 자바스크립트를 실행 가능하다. 자바스크립트 문자열과 숫자 산술연산자 +, -, * / 문자: '', "" 2023. 3. 1.