본문 바로가기
[자바스크립트] 배열 항목 삭제 방법 자바스크립트에서 배열 항목을 삭제하는 방법에는 다양한 방법이 있습니다. 아래는 대표적인 방법들입니다. 1. splice() 메소드 splice() 메소드는 배열의 중간에 있는 항목을 제거할 수 있습니다. 이 메소드는 배열의 시작 인덱스, 제거할 항목 수, 그리고 선택적으로 추가할 항목을 지정할 수 있습니다. let arr = ["사과", "바나나", "딸기", "오렌지"]; // 첫번째 인덱스에서부터 2개의 항목을 삭제 arr.splice(1, 2); // ["바나나", "딸기"] 반환 console.log(arr); // ["사과", "오렌지"] 2. pop() 메소드 pop() 메소드는 배열의 마지막 항목을 제거합니다. 이 메소드는 제거한 항목을 반환합니다. let arr = ["사과", "바나나",.. 2023. 3. 14.
[자바스크립트] console.table() 사용법 console.tableJavaScript의 console.table() 메서드는 객체 또는 배열을 테이블 형태로 출력하는 데 사용됩니다. 이 메서드는 개발자가 개발중인 코드에서 디버깅 및 데이터 시각화를 위해 자주 사용됩니다. 1. 사용법 사용법은 매우 간단합니다. console.table() 메서드를 호출하고 객체 또는 배열을 전달하면, 해당 데이터가 테이블 형태로 출력됩니다. 테이블의 각 행은 배열 또는 객체의 각 요소를 나타내며, 테이블의 각 열은 해당 요소의 속성 이름이 됩니다. 아래는 console.table() 메서드의 예시입니다. const fruits = [ { name: 'apple', color: 'red' }, { name: 'banana', color: 'yellow' }, { n.. 2023. 3. 13.
[자바스크립트] 배열 정렬 sort() 하는 다양한 방법 자바스크립트에서 배열을 정렬하는 방법은 여러 가지가 있습니다. 이 중 가장 일반적으로 사용되는 방법은 Array.prototype.sort() 메소드를 사용하는 것입니다. 1. 기본 정렬 sort() 메소드는 기본적으로 문자열로 정렬합니다. 즉, 배열 요소들이 문자열로 변환되어서 알파벳순으로 정렬됩니다. 예를 들어, 다음과 같은 배열이 있다면: let arr = ["cat", "dog", "elephant", "bee"]; sort() 메소드를 호출하면 arr.sort(); 다음과 같이 정렬됩니다: ["bee", "cat", "dog", "elephant"] 하지만 만약 숫자 배열을 정렬해야 한다면, sort() 메소드의 동작 방식이 문제가 될 수 있습니다. 이때는 콜백 함수를 전달하여 정렬 기준을 지정.. 2023. 3. 13.
[자바스크립트] filter() 사용법 filter() 함수는 JavaScript의 배열 객체에 내장된 함수로, 주어진 함수의 테스트를 통과하는 모든 요소를 포함하는 새로운 배열을 생성합니다. 1. 기본 문법 array.filter(function(currentValue, index, array){ // 조건을 만족하는 요소만 추출하여 새 배열을 만들어 반환 }, thisArg); currentValue : 현재 처리되고 있는 요소 값 index : 현재 처리되고 있는 요소의 인덱스 값 array : filter() 메서드가 적용된 배열 thisArg : 선택 항목으로서, 함수 실행 시 this로 사용될 객체를 지정 filter() 함수는 주어진 함수를 사용하여 각 요소를 검사하며, 조건을 만족하는 요소만 추출하여 새로운 배열을 만듭니다. 반.. 2023. 3. 12.
[자바스크립트] 화살표 함수 기초 화살표 함수는 ES6(ES2015)에서 도입된 새로운 함수 정의 방법 중 하나입니다. 화살표 함수는 함수를 간결하고 간편하게 작성할 수 있도록 해주며, 코드의 가독성을 높일 수 있습니다. 1. 일반 함수와 다른 점 1) 함수 표현식에서 사용 화살표 함수는 함수 표현식에서 사용됩니다. 함수 선언문에서는 사용할 수 없습니다. 2) 함수 이름 생략 화살표 함수는 함수 이름을 생략할 수 있습니다. 변수에 함수를 할당하면서 함수 이름을 생략할 수 있습니다. 3) 중괄호 생략 화살표 함수는 중괄호를 생략할 수 있습니다. 함수의 본문이 한 줄인 경우 중괄호를 생략할 수 있습니다. 4) 함수의 매개변수 화살표 함수는 함수의 매개변수를 괄호 안에 넣습니다. 매개변수가 하나뿐이면 괄호를 생략할 수 있습니다. 매개변수가 없.. 2023. 3. 12.
[자바스크립트] 문자열 포함 여부 확인 방법 자바스크립트에서 문자열이 포함되었는지 알아내는 방법에는 다양한 방법이 있지만, 주요적인 방법은 다음과 같습니다. 1. String.prototype.includes() 메서드 String.prototype.includes() 메서드는 주어진 문자열이 현재 문자열에 포함되어 있는지 여부를 나타내는 불리언 값을 반환합니다. 이 메서드는 대/소문자를 구분하므로, 대/소문자를 구분하지 않고 포함 여부를 판단하려면 toLowerCase() 또는 toUpperCase() 메서드를 사용해야 합니다. const str = 'hello world'; console.log(str.includes('hello')); // true console.log(str.includes('World')); // false console.. 2023. 3. 11.

티스토리툴바