> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트에서 배열의 지정된 요소를 삭제하는 방법

자바스크립트에서 배열의 지정된 요소를 삭제하는 방법

青灯夜游
풀어 주다: 2022-06-09 15:13:58
원래의
52456명이 탐색했습니다.

JavaScript를 사용하여 배열에서 지정된 요소를 삭제하는 두 가지 방법: 1. "배열 변수 이름.splice(삭제된 요소의 시작 위치, 1)" 구문을 사용하여 splice() 함수를 사용하여 지정된 위치에서 요소를 삭제합니다. 2. 삭제 키워드를 사용하십시오. 지정된 첨자가 있는 요소를 삭제하십시오. 구문은 "배열 변수 이름 삭제 [요소의 첨자 삭제]"입니다.

자바스크립트에서 배열의 지정된 요소를 삭제하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

방법 1: 스플라이스 방법

//获取元素在数组的下标
Array.prototype.indexOf = function(val) {
	for (var i = 0; i < this.length; i++) {
		if (this[i] == val)	{ 
			return i;
		};
	}
	return -1; 
};

//根据数组的下标,删除该下标的元素
Array.prototype.remove = function(val) {
	var index = this.indexOf(val);
	if (index > -1) {
	this.splice(index, 1);
	}
};

//测试数据
var insertAttaList = ['abs','dsf',,'abc','sdf','fd'];
insertAttaList.remove('abc');
로그인 후 복사

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

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

  • index: 배열 시작 인덱스

  • len: 대체/삭제 길이

  • 항목: 대체된 값

작업을 삭제하면 항목이 비어 있게 됩니다

예:

arr = [‘a’,‘b’,‘c’,‘d’]
로그인 후 복사

Delete---- 항목이 설정되지 않았습니다

arr.splice(1,1) //[‘a’,‘c’,‘d’] 删除起始下标为1,长度为1的一个值,len设置的1,如果为0,则数组不变
arr.splice(1,2) //[‘a’,‘d’] 删除起始下标为1,长度为2的一个值,len设置的2
로그인 후 복사

[추천 학습: javascript 고급 튜토리얼]

Replace-- -- 항목은 대체된 값입니다

arr.splice(1,1,‘ttt’) //[‘a’,‘ttt’,‘c’,‘d’] 替换起始下标为1,长度为1的一个值为‘ttt’,len设置的1
arr.splice(1,2,‘ttt’) //[‘a’,‘ttt’,‘d’] 替换起始下标为1,长度为2的两个值为‘ttt’,len设置的1
로그인 후 복사

add---- len은 0으로 설정되고 항목은 추가된 값입니다

arr.splice(1,0,‘ttt’) //[‘a’,‘ttt’,‘b’,‘c’,‘d’] 表示在下标为1处添加一项‘ttt’
로그인 후 복사

방법 2: 삭제 방법

삭제 후 요소를 삭제합니다. 표시된 값을 정의되지 않음으로 설정하면 배열의 길이는 변경되지 않습니다

예:

delete arr[1] //[‘a’, ,‘c’,‘d’]
로그인 후 복사

중앙에 쉼표가 두 개 있고 배열의 길이는 변경되지 않고 한 항목은 정의되지 않음

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오 를 방문하세요! !

위 내용은 자바스크립트에서 배열의 지정된 요소를 삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿