웹 프론트엔드 JS 튜토리얼 JS는 배열 인스턴스 코드에서 요소를 삭제합니다.

JS는 배열 인스턴스 코드에서 요소를 삭제합니다.

Feb 05, 2018 am 09:56 AM
javascript 요소

이 글은 주로 배열의 요소를 삭제하는 JS 방법을 공유합니다. 이 방법은 좋은 참조 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다. 편집자를 따라가서 모두에게 도움이 되기를 바랍니다.

배열에 지정된 요소 삭제

먼저 JS 배열 객체에 대한 함수를 정의하여 배열에서 지정된 요소의 위치, 즉 인덱스를 찾을 수 있습니다.


Array.prototype.indexOf = function(val) { 
for (var i = 0; i < this.length; i++) { 
if (this[i] == val) return i; 
} 
return -1; 
};
로그인 후 복사

그런 다음 이 요소의 인덱스를 사용하여 js 배열의 자체 함수를 사용하여 이 요소를 삭제합니다.

코드는 다음과 같습니다.


Array.prototype.remove = function(val) { 
var index = this.indexOf(val); 
if (index > -1) { 
this.splice(index, 1); 
} 
};
로그인 후 복사

이런 방식으로 이러한 함수가 구성됩니다. 예를 들어 다음과 같습니다. 배열:


var emp = [&#39;abs&#39;,&#39;dsf&#39;,&#39;sdf&#39;,&#39;fd&#39;]
로그인 후 복사

'fd'를 삭제하려면 다음을 사용할 수 있습니다.


emp.remove(&#39;fd&#39;);
로그인 후 복사

배열의 항목 삭제

splice(index,len,[item]) 참고: 이 방법은 원래 배열을 변경합니다.

splice에는 3개의 매개변수가 있으며 배열에서 하나 이상의 값을 대체/삭제/추가하는 데에도 사용할 수 있습니다

index: 배열 시작 첨자 len: 대체/삭제 항목의 길이: 삭제 시 대체 값 작업 항목이 비어 있습니다

예: arr = ['a','b','c','d']

Delete


//删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变) 
var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,1); 
console.log(arr); 
//[&#39;a&#39;,&#39;c&#39;,&#39;d&#39;]; 
 
 
//删除起始下标为1,长度为2的一个值(len设置2) 
var arr2 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;] 
arr2.splice(1,2); 
console.log(arr2); 
//[&#39;a&#39;,&#39;d&#39;]
로그인 후 복사

Replace


//替换起始下标为1,长度为1的一个值为‘ttt&#39;,len设置的1 
var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,1,&#39;ttt&#39;); 
console.log(arr);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;c&#39;,&#39;d&#39;] 
 
 
var arr2 = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr2.splice(1,2,&#39;ttt&#39;); 
console.log(arr2);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;d&#39;] 替换起始下标为1,长度为2的两个值为‘ttt&#39;,len设置的1
로그인 후 복사

Add -- -- len이 0으로 설정되면 item은 추가된 값입니다


var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
arr.splice(1,0,&#39;ttt&#39;); 
console.log(arr);   
//[&#39;a&#39;,&#39;ttt&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;] 表示在下标为1处添加一项&#39;ttt&#39;<span style="font-size:14px;font-family:Arial, Helvetica, sans-serif;background-color:rgb(255,255,255);"> </span>
로그인 후 복사

delete 메소드가 배열의 요소를 삭제한 후 아래 첨자 아래 표시된 값은 정의되지 않음으로 설정되고, 항목의 길이는 배열은 변경되지 않습니다


var arr = [&#39;a&#39;,&#39;b&#39;,&#39;c&#39;,&#39;d&#39;]; 
delete arr[1]; 
arr; 
//["a", undefined × 1, "c", "d"] 中间出现两个逗号,数组长度不变,有一项为undefined
로그인 후 복사

관련 권장 사항:

배열에서 지정된 아래 첨자 요소를 삭제하기 위한 PHP 예제 코드

5 배열에서 중복 요소를 삭제하기 위한 JavaScript 알고리즘

null을 삭제하는 방법 PHP 재귀

를 사용하여 배열의 요소

위 내용은 JS는 배열 인스턴스 코드에서 요소를 삭제합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 간단한 JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법 Jan 05, 2024 pm 06:08 PM

JavaScript 튜토리얼: HTTP 상태 코드를 얻는 방법, 특정 코드 예제가 필요합니다. 서문: 웹 개발에서는 서버와의 데이터 상호 작용이 종종 포함됩니다. 서버와 통신할 때 반환된 HTTP 상태 코드를 가져와서 작업의 성공 여부를 확인하고 다양한 상태 코드에 따라 해당 처리를 수행해야 하는 경우가 많습니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법과 몇 가지 실용적인 코드 예제를 제공합니다. XMLHttpRequest 사용

Golang의 포인터 변환 모범 사례를 알아보세요. Golang의 포인터 변환 모범 사례를 알아보세요. Feb 24, 2024 pm 03:51 PM

Golang은 다양한 애플리케이션과 서비스를 개발하는 데 사용할 수 있는 강력하고 효율적인 프로그래밍 언어입니다. Golang에서 포인터는 데이터를 보다 유연하고 효율적으로 운영하는 데 도움이 되는 매우 중요한 개념입니다. 포인터 변환은 다양한 유형 간의 포인터 작업 프로세스를 나타냅니다. 이 기사에서는 특정 예제를 사용하여 Golang의 포인터 변환 모범 사례를 학습합니다. 1. 기본 개념 Golang에서 각 변수에는 주소가 있으며, 주소는 메모리에서 변수의 위치입니다.

JavaScript에서 HTTP 상태 코드를 쉽게 얻는 방법 JavaScript에서 HTTP 상태 코드를 쉽게 얻는 방법 Jan 05, 2024 pm 01:37 PM

JavaScript에서 HTTP 상태 코드를 얻는 방법 소개: 프런트 엔드 개발에서 우리는 종종 백엔드 인터페이스와의 상호 작용을 처리해야 하며 HTTP 상태 코드는 매우 중요한 부분입니다. HTTP 상태 코드를 이해하고 얻는 것은 인터페이스에서 반환된 데이터를 더 잘 처리하는 데 도움이 됩니다. 이 기사에서는 JavaScript를 사용하여 HTTP 상태 코드를 얻는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. HTTP 상태 코드란 무엇입니까? HTTP 상태 코드는 브라우저가 서버에 요청을 시작할 때 서비스가

Oracle 인스턴스 수와 데이터베이스 성능 간의 관계 Oracle 인스턴스 수와 데이터베이스 성능 간의 관계 Mar 08, 2024 am 09:27 AM

Oracle 인스턴스 수와 데이터베이스 성능 간의 관계 Oracle 데이터베이스는 업계에서 잘 알려진 관계형 데이터베이스 관리 시스템 중 하나이며 엔터프라이즈 수준의 데이터 저장 및 관리에 널리 사용됩니다. Oracle 데이터베이스에서 인스턴스는 매우 중요한 개념입니다. 인스턴스는 메모리 내 Oracle 데이터베이스가 실행되는 환경을 의미합니다. 각 인스턴스는 사용자 요청을 처리하고 데이터베이스 작업을 관리하는 데 사용되는 독립적인 메모리 구조와 백그라운드 프로세스를 갖습니다. 인스턴스 수는 Oracle 데이터베이스의 성능과 안정성에 중요한 영향을 미칩니다.

jQuery에서 요소에 속성 값이 포함되어 있는지 확인하는 방법은 무엇입니까? jQuery에서 요소에 속성 값이 포함되어 있는지 확인하는 방법은 무엇입니까? Feb 28, 2024 pm 02:54 PM

jQuery에서는 요소에 특정 속성 값이 포함되어 있는지 확인해야 하는 경우가 많습니다. 이렇게 하면 요소의 속성 값을 기반으로 작업을 수행하는 데 도움이 됩니다. 이번 글에서는 jQuery를 사용하여 요소에 특정 속성 값이 포함되어 있는지 확인하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저 요소의 속성을 조작하는 jQuery의 몇 가지 일반적인 메소드를 살펴보겠습니다. .attr(): 요소의 속성 값을 가져오거나 설정하는 데 사용됩니다. .prop(): 요소의 속성 값을 가져오거나 설정하는 데 사용됩니다.

WebSocket과 JavaScript를 사용하여 온라인 전자 서명 시스템을 구현하는 방법 WebSocket과 JavaScript를 사용하여 온라인 전자 서명 시스템을 구현하는 방법 Dec 18, 2023 pm 03:09 PM

WebSocket 및 JavaScript를 사용하여 온라인 전자 서명 시스템을 구현하는 방법 개요: 디지털 시대의 도래와 함께 전자 서명은 다양한 산업에서 기존 종이 서명을 대체하는 데 널리 사용됩니다. WebSocket은 전이중 통신 프로토콜로서 서버와 실시간 양방향 데이터 전송을 수행할 수 있으며 JavaScript와 결합되어 온라인 전자 서명 시스템을 구현할 수 있습니다. 이 기사에서는 WebSocket과 JavaScript를 사용하여 간단한 온라인 개발을 수행하는 방법을 소개합니다.

div에 요소를 동적으로 추가하는 jQuery 메서드 구현 div에 요소를 동적으로 추가하는 jQuery 메서드 구현 Feb 24, 2024 pm 08:03 PM

jQuery는 JavaScript 프로그래밍을 단순화하는 데 사용되는 인기 있는 JavaScript 라이브러리입니다. HTML 요소에 요소를 동적으로 추가하는 기능을 포함하여 다양한 기능과 방법을 제공합니다. 이 기사에서는 jQuery를 사용하여 div에 요소를 동적으로 추가하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저 HTML 문서에 jQuery 라이브러리를 도입해야 합니다. 다음과 같은 방법으로 도입할 수 있습니다.

jQuery를 사용하여 요소의 표시 상태 결정 jQuery를 사용하여 요소의 표시 상태 결정 Feb 23, 2024 pm 09:24 PM

요소가 표시되는지 여부를 확인하려면 jQuery를 사용하세요. 웹 개발에서 요소가 표시되는지 확인해야 하는 상황이 자주 발생합니다. 요소의 가시성을 판단하고 운영하는 것은 jQuery를 통해 쉽게 이루어질 수 있습니다. 이 기사에서는 jQuery를 사용하여 요소의 가시성을 결정하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. jQuery의 요소 가시성 판단 방법 jQuery에서는 몇 가지 특정 방법을 사용하여 요소의 가시성을 판단할 수 있습니다. 가장 일반적으로 사용되는 방법은 .is(':vis

See all articles