> 웹 프론트엔드 > 프런트엔드 Q&A > es6에서 배열 데이터를 변경하는 방법

es6에서 배열 데이터를 변경하는 방법

WBOY
풀어 주다: 2022-04-26 10:08:07
원래의
2704명이 탐색했습니다.

변경 방법: 1. 원본 배열의 내용을 직접 수정할 수 있는 splice() 메서드를 사용합니다. 구문은 "array.splice(시작 위치, 수정된 숫자, 수정된 값)"입니다. 2. 첨자를 사용합니다. 배열 요소에 접근하고 값을 재할당하여 배열 데이터를 수정합니다. 구문은 "array[subscript value]=modified value;"입니다.

es6에서 배열 데이터를 변경하는 방법

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

es6에서 배열 데이터를 변경하는 방법

방법 1: splice() 메서드

splice() 메서드를 사용하여 배열의 내용을 변경하고 이전 요소가 삭제되면 새 요소를 추가합니다.

Syntax

array.splice(index, howMany, [element1][, ..., elementN]);
로그인 후 복사

매개변수 세부정보

  • index - 배열의 인덱스 변경을 시작합니다.

  • howMany - 제거할 이전 배열 요소의 수를 나타내는 정수입니다. HowMany가 0이면 요소가 제거되지 않습니다.

  • element1, ..., elementN - 배열에 추가할 요소입니다. 요소가 지정되지 않으면 splice는 단순히 배열에서 요소를 제거합니다.

반환 값

전달된 매개변수를 기반으로 추출된 배열을 반환합니다.

Example

var arr = ["orange", "mango", "banana", "sugar", "tea"];  
var removed = arr.splice(2, 0, "water");  
console.log("After adding 1: " + arr );  
console.log("removed is: " + removed); 
removed = arr.splice(3, 1);  
console.log("After adding 1: " + arr );  
console.log("removed is: " + removed);
로그인 후 복사

컴파일하면 JavaScript에서도 동일한 코드가 생성됩니다.

Output

After adding 1: orange,mango,water,banana,sugar,tea 
removed is:  
After adding 1: orange,mango,water,sugar,tea 
removed is: banana
로그인 후 복사

방법 2: 아래 첨자를 통해 지정된 요소에 액세스합니다.

배열 요소에 액세스하고 구문을 다시 할당합니다.

数组名[指定下标值]=新值;
로그인 후 복사

예는 다음과 같습니다.

var arr = [1,2,3,4,5];  //声明一个数组
console.log(arr);
arr[0] = 0;  //修改第一个元素,重新赋值为0
arr[2] = "A";  //修改第三个元素,重新赋值为2
console.log(arr);
로그인 후 복사

출력 결과; [관련 추천:
javascript 비디오 튜토리얼

,

웹 프론트엔드es6에서 배열 데이터를 변경하는 방법]

위 내용은 es6에서 배열 데이터를 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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