logo

TechCodeview

JavaScript 배열에서 요소 제거

JavaScript 배열에서 요소를 제거한다는 것은 배열에서 특정 항목을 제거하는 것을 의미합니다. 이는 배열을 정확하게 유지하고 데이터 처리를 더 쉽게 만들기 때문에 프로그래밍에서 기본적이고 중요한 작업입니다. 이 기사에서는 JavaScript 배열에서 요소를 제거하는 몇 가지 방법에 대해 설명합니다.



JavaScript 배열에서 요소를 제거하는 방법

아래에서 설명하는 JavaScript 배열에서 요소를 제거하는 다양한 방법이 있습니다.

내용의 테이블

메모: 다음과 같은 방법으로 만든 다른 방법이 있습니다. 자바스크립트 내장된 메소드.



방법 1: pop() 메서드를 사용하여 배열에서 마지막 요소 제거

이 메서드는 배열의 마지막 요소를 제거하고 제거된 요소를 반환하는 데 사용됩니다. 이 함수는 요소가 제거될 때마다 배열의 길이를 1씩 감소시킵니다.

예시 1: 아래 코드는 기본 구현입니다. 팝() 메서드 배열에서 요소를 제거합니다.

자바스크립트 
// JavaScript code to illustrate pop() function  // to remove array elements let arr = ['shift', 'splice', 'filter', 'pop']; // Popping the last element from the array  let popped = arr.pop(); console.log('Removed element: ' + popped); console.log('Remaining elements: ' + arr); console.log('Array length: ' + arr.length);>
산출 
Removed element: pop Remaining elements: shift,splice,filter Array length: 3>

예시 2: 아래 코드는 배열 길이가 0이 될 때까지 pop() 메서드를 사용하여 배열에서 요소를 제거합니다.



자바스크립트 
// Declare and initialize an array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Loop run while array length not zero while (array.length) {  // Remove elements from array  array.pop(); } console.log('Array Length: ' + array.length)>
산출 
Original array: pop,splice,filter,shift Array Length: 0>

방법 2: Shift() 메서드를 사용하여 배열에서 첫 번째 요소 제거

이 메서드는 배열의 첫 번째 요소를 제거하고 반환하고 원래 배열의 크기를 1만큼 줄이는 데 사용됩니다.

예: 아래 코드는 기본 구현입니다. Shift() 메서드 배열 요소를 제거합니다.

자바스크립트 
// JavaScript code to illustrate shift() method // to remove elements from array let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the first element from array  let shifted = arr.shift(); console.log('Removed element: ' + shifted); console.log('Remaining elements: ' + arr);>
산출 
Removed element: shift Remaining elements: splice,filter,pop>

방법 3: splice() 메서드를 사용하여 모든 인덱스의 배열에서 요소 제거

접속방법 기존 요소를 제거하거나 새 요소를 추가하여 배열의 내용을 수정하는 데 사용됩니다. splice() 메서드로 요소를 제거하려면 다양한 방법으로 요소를 지정할 수 있습니다.

Java에서 유형 변환 및 캐스팅

예시 1: 이 예에서는 splice 메소드의 인덱싱을 사용하여 JavaScript 배열에서 요소를 제거합니다.

자바스크립트 
// JavaScript code to illustrate splice() function  let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element from the array  let spliced = arr.splice(1, 1); console.log('Removed element: ' + spliced); console.log('Remaining elements: ' + arr);>
산출 
Removed element: splice Remaining elements: shift,filter,pop>

예시 2: 이 예에서는 splice 메소드의 값을 사용하여 JavaScript 배열에서 요소를 제거합니다.

자바스크립트 
// JavaScript code to illustrate splice() function  let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element by value from the array  for (let i = 0; i < arr.length; i++) {  if (arr[i] === 'splice') {  let spliced = arr.splice(i, 1);  console.log('Removed element: ' + spliced);  console.log('Remaining elements: ' + arr);  } }>
산출 
Removed element: splice Remaining elements: shift,filter,pop>

예시 3: splice 메소드를 사용하여 JavaScript 배열에서 각 요소를 제거합니다.

자바스크립트 
// Declare and initialize array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Making the length of array to 0 by using splice method array.splice(0, array.length); console.log('Empty array: ' + array)>
산출 
Original array: pop,splice,filter,shift Empty array:>

방법 4: filter() 메서드를 사용하여 특정 조건의 배열에서 요소 제거

필터 방식 인수 함수에 의해 설정된 조건을 충족하는 주어진 배열의 요소로만 구성된 주어진 배열에서 새 배열을 만드는 데 사용됩니다. filter() 메서드로 요소를 제거하려면 다양한 방법으로 요소를 지정할 수 있습니다.

예: 아래 예제에서는 필터 메소드의 값을 사용하여 JavaScript 배열에서 요소를 제거합니다.

자바스크립트 
// JavaScript to illustrate filter() method function isPositive(value) {  return value>0; } function func() { 필터링됨 = [101, 98, 12, -1, 848].filter(isPositive);  console.log('배열의 양수 요소: ' + 필터링됨); } func();>
산출 
Positive elements in array: 101,98,12,848>

방법 5: 삭제 연산자를 사용하여 인덱스가 있는 배열 요소 제거

그만큼 삭제 연산자 부울 값을 반환합니다. 진실, 배열이나 객체에서 요소나 속성이 제거되고 거짓, 제거를 위해 함수나 변수가 전달된 경우.

예: 아래 코드는 삭제 연산자를 구현하여 배열에서 요소를 제거합니다.

자바스크립트 
// Declare and initialize an array let array = ['lodash', 'remove', 'delete', 'reset'] // Delete element at index 2 let deleted = delete array[2]; console.log('Removed: ' + deleted); console.log('Remaining elements: ' + array);>
산출 
Removed: true Remaining elements: lodash,remove,,reset>

방법 6: 지우기 및 재설정 방법을 사용하여 배열 요소 제거

length 속성을 사용하여 배열의 길이를 0으로 재설정하거나 배열을 빈 배열([])에 할당하는 수동 지우기 및 재설정 방법을 사용하여 배열에서 요소를 제거합니다.

예: 이 예에서는 JavaScript에서 지우기 및 재설정 접근 방식을 구현하는 방법을 설명합니다.

자바스크립트 
// Declare and initialize an array let array1 = ['lodash', 'remove', 'delete', 'reset']; let array2 = [1, 2, 3, 4, 5]; console.log('Array1 before elements removal: ', array1); console.log('Array2 before elements removal: ', array2); // Delete each element of array array1 = []; array2.length = 0; console.log('Array1 after elements removal: ', array1); console.log('Array2 after elements removal: ', array2);>
산출 
Array1 before elements removal: [ 'lodash', 'remove', 'delete', 'reset' ] Array2 before elements removal: [ 1, 2, 3, 4, 5 ] Array1 after elements removal: [] Array2 after elements removal: []>

방법 7: for() 루프와 새 배열을 사용하여 배열에서 요소 제거

여기서는 간단한 for 루프 배열에 대해 실행되고 제거되어야 하는 요소를 제외하고 새 배열의 모든 요소를 ​​푸시합니다.

예: 아래 예제에서는 for 루프와 새로운 어레이 배열에서 요소를 제거합니다.

자바스크립트 
let removeElement = (array, n) =>{ newArray = [];  for (나는 = 0이라고 하자; 나는< array.length; i++) {  if (array[i] !== n) {  newArray.push(array[i]);  }  }  return newArray; }; let passed_in_array = [1, 2, 3, 4, 5]; let element_to_be_removed = 2; let result = removeElement(passed_in_array, element_to_be_removed); console.log('Remaining elements: ' + result);>
산출 
Remaining elements: 1,3,4,5>

방법 8: lodash _.remove 메서드를 사용하여 배열 요소 제거

JavaScript 배열에서 요소를 제거하려면 lodash 라이브러리를 사용하십시오. lodash 라이브러리를 사용하려면 시스템에 로컬로 설치해야 합니다.

예: 이 코드는 _.제거하다() 배열에서 요소를 제거하는 lodash의 방법.

자바스크립트 
// Import Lodash library const _ = require('lodash'); // Declare and initialize an array let array = [101, 98, 12, -1, 848]; // using _.remove to remove odd number let evens= _.remove(array, function(n) {  return n % 2 == 0; });   console.log('Remaining odd elements: ' + array); console.log('Removed even elements: ' + evens);>

산출: 

Removed odd elements: 101, -1 Remaining even elements: 98, 12, 848>