JS 에서 JSON 대상 으로 구 성 된 배열 의 요 소 를 철저히 삭제 합 니 다.

4476 단어 JSON원소
JS 에서 JSON 대상 으로 구 성 된 배열 에 대해 예 를 들 어:
var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }];
만약 우리 가 그 중의 두 번 째 제 이 슨 대상 을 삭제 하려 면 어떻게 해 야 합 니까?사실 방법 은 조작 배열 과 완전히 같다.
처음에 delete 연산 자 를 사용 해 보 았 으 나 배열 의 길 이 를 조회 할 때 이 방법 은 요 소 를 완전히 삭제 하 는 것 이 아니 라 값 을 삭제 하 는 것 이지 만 공간 을 유지 하 는 것 으로 나 타 났 다.

var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }];
test.length  //    3
delete test[1];
test.length  //     3
검색 연산 자 delete 는 이 값 을 undefined 로 만 설정 할 뿐 배열 의 길이 에 영향 을 주지 않 고 희소 한 배열(JS 권위 지침 7.5 절)로 바 꿀 것 임 을 알 고 있 습 니 다.
이 를 알 고 있 습 니 다.삭제 점 후의 요 소 를 각각 1 개 단 위 를 앞으로 이동 시 켜 이 요 소 를 철저히 제거 할 수 있다 고 생각 할 수도 있 지만 JS 방법 에서 우 리 는 더욱 간편 한 방법 을 찾 을 수 있 습 니 다.splice()방법

var test = [{ "a": "1", "b": "2" }, { "a": "3", "b": "4" }, { "a": "5", "b": "6" }];
test.length  //    3
test.splice(1, 1);
test.length  //    2
삭제 후 test.length 가 2 로 변 하 는 것 이 바로 우리 가 원 하 는 결과 입 니 다.
JavaScript splice()방법
배열 에 새 요 소 를 추가 합 니 다:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js      _  </title>
</head>
<body>

<p id="demo">           。</p>
<button onclick="myFunction()">  </button>
<script>
function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.splice(2,0,"Lemon","Kiwi");
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>

</body>
</html>
splice 정의 및 용법
splice()방법 은 배열 의 요 소 를 추가 하거나 삭제 하 는 데 사 용 됩 니 다.
주의:이런 방법 은 원시 배열 을 바 꿀 수 있 습 니 다.
반환 값
하나의 요소 만 삭제 하면 하나의 요소 의 배열 을 되 돌려 줍 니 다.원 소 를 삭제 하지 않 으 면 빈 배열 로 돌아 갑 니 다.

문법
array.splice(index,howmany,item1,.....,itemX)
매개 변수 값
매개 변수
묘사 하 다.
index
필수요 소 를 어디 에 추가/삭제 할 지 규정 합 니 다.
이 매개 변 수 는 삽입 과(또는)삭 제 를 시작 하 는 배열 요소 의 아래 표 시 됩 니 다.숫자 여야 합 니 다.
howmany
선택 할 수 있다.얼마나 많은 요 소 를 삭제 해 야 하 는 지 규정 하 다.숫자 여야 하지만 0 일 수 있 습 니 다.
이 매개 변 수 를 규정 하지 않 으 면 index 부터 원래 배열 의 끝 에 있 는 모든 요 소 를 삭제 합 니 다.
item1, ..., itemX
선택 할 수 있다.배열 에 추가 할 새 요소
반환 값
Type
묘사 하 다.
Array
array Object 에서 요 소 를 삭제 하면 삭 제 된 요 소 를 포함 한 배열 을 되 돌려 줍 니 다.
더 많은 인 스 턴 스
실례
배열 의 세 번 째 요 소 를 제거 하고 배열 의 세 번 째 위치 에 새 요 소 를 추가 합 니 다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>  </title>
</head>
<body>

<p id="demo">           。</p>
<button onclick="myFunction()">  </button>
<script>
function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.splice(2,1,"Lemon","Kiwi");
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>

</body>
</html>
실례
세 번 째 위치 부터 배열 후의 두 요 소 를 삭제 합 니 다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>  </title>
</head>
<body>

<p id="demo">              。</p>
<button onclick="myFunction()">  </button>
<script>
function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.splice(2,2);
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>
	
</body>
</html>
JS 에서 JSON 대상 으로 구 성 된 배열 의 요 소 를 철저히 삭제 하 는 글 을 소개 합 니 다.더 많은 JS 에서 JSON 요 소 를 삭제 하 는 내용 은 예전 의 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 도 많은 응원 부 탁 드 리 겠 습 니 다!
PhpStorm 2020+phpstudyV 8+XDebug 의 튜 토리 얼 상세 설명
Android 에서 사용자 정의 컨트롤 의 액 위 표시 기

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage