본문 바로가기

Develop/JS10

자바스크립트[JS] - 💯 문자열 치환 함수 replaceAll() 알아보기 replaceAll() 함수의 개요 replaceAll() 함수는 문자열에서 특정 문자나 문자열을 찾아 다른 문자나 문자열로 치환하는 함수입니다. 이 함수는 정규표현식을 지원하기 때문에, 복잡한 패턴의 문자열도 치환할 수 있습니다. replaceAll() 함수의 리턴값 replaceAll() 함수는 치환된 문자열을 반환합니다. 만약 찾는 문자나 문자열이 존재하지 않는 경우에는 원래의 문자열을 그대로 반환합니다. function replaceAllReturnExample() { const str = "I love programming"; const regex = /love/; const replacedStr = str.replaceAll(regex, "hate"); console.log(replacedSt.. 2024. 3. 23.
자바스크립트[JS] - 💯 하나만 만족해도 좋은 SOME() 함수 알아보기 some() 함수의 개요 자바스크립트의 some() 함수는 배열의 요소 중 하나라도 참이면 true를 반환하고, 모든 요소가 거짓이면 false를 반환하는 함수입니다. 주로 배열의 요소 중에 특정 조건을 만족하는 요소가 있는지 확인할 때 사용됩니다. some() 함수의 사용 목적 및 장점 배열의 모든 요소를 확인하는 것은 시간이 많이 소요될 수 있습니다. 하지만 some() 함수는 배열의 모든 요소를 확인하지 않고, 하나라도 조건을 만족하는 요소가 있으면 바로 true를 반환하기 때문에 시간을 절약할 수 있습니다. 또, some() 함수는 조건을 만족하는 요소가 있는지 여부를 간단하게 확인할 수 있기 때문에 코드를 간결하게 작성할 수 있습니다. some() 함수와 관련된 용어 및 개념 배열: 여러 개의 .. 2024. 3. 22.
자바스크립트[JS] - 💯 깊은 복사, 얕은 복사 알아보기 깊은 복사와 얕은 복사의 개요 자바스크립트에서 객체를 복사할 때, 깊은 복사와 얕은 복사는 중요한 개념입니다. 이 둘의 차이를 이해하면 객체를 다룰 때 발생할 수 있는 문제를 미연에 방지할 수 있습니다. 관련 용어 및 개념 정의 깊은 복사: 객체의 모든 내용을 복사하여 완전히 새로운 객체를 생성하는 방식 얕은 복사: 객체의 주소를 복사하여 새로운 객체를 생성하는 방식 깊은 복사와 얕은 복사의 원본 데이터와 복사 데이터 비교 깊은 복사의 리턴값 깊은 복사를 사용하면 원본 객체와 완전히 독립적인 새로운 객체가 반환됩니다. const original = { a: 1, b: { c: 2 } }; const deepCopy = JSON.parse(JSON.stringify(original)); // 원본 데이터 .. 2024. 3. 21.
자바스크립트[JS] - 💯 join() 알아보기 / 배열을 문자열로 join() 메소드의 개요 join() 메소드는 배열의 모든 요소를 문자열로 변환하고, 이를 하나의 문자열로 연결하여 반환하는 메소드입니다. 예를 들어, ["apple", "banana", "orange"]라는 배열이 있을 때, join() 메소드를 사용하면 "apple,banana,orange"라는 문자열을 반환합니다. join() 메소드의 사용 목적 join() 메소드는 주로 다음과 같은 상황에서 사용됩니다. 배열의 모든 요소를 하나의 문자열로 만들어야 할 때 배열의 요소를 쉼표나 공백 등으로 구분하여 출력해야 할 때 자바스크립트 join() 메소드의 장점 join() 메소드의 장점은 다음과 같습니다. 배열의 요소를 하나의 문자열로 쉽게 만들 수 있습니다. 배열의 요소를 구분하는 구분자를 자유롭게 지.. 2024. 3. 19.
자바스크립트[JS] - 💯 match() 알아보기 / 정규식 필수⭐ JavaScript의 match() 함수는 문자열에서 특정 패턴과 일치하는 부분을 찾아 배열로 반환하는 함수입니다. 정규 표현식(Regular Expression)을 사용하여 패턴을 지정할 수 있습니다. match() 함수의 개요 및 작동 방식 설명 match() 함수는 문자열에서 정규 표현식과 일치하는 부분을 찾아 배열로 반환합니다. 일치하는 부분이 없으면 null을 반환합니다. 사용 목적 및 장점 설명 주로 문자열에서 특정 패턴과 일치하는 부분을 찾거나, 문자열을 검증하는 데 사용됩니다. 정규 표현식을 사용하기 때문에 다양한 패턴을 지정할 수 있습니다. 관련 용어 및 개념 정의 정규 표현식(Regular Expression): 문자열에서 특정 패턴을 찾기 위해 사용되는 형식 언어입니다. 해당 문법의 .. 2024. 3. 19.
자바스크립트[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.