es6의 배열에서 지정된 요소를 바꾸는 방법

3 교체 방법: 1. 대괄호 표기법을 사용하여 재할당, 구문 "arr[index] = 'new element value';"; 2. Array.splice()를 사용하여 교체, 구문 "arr.splice(index, 1 , '새 요소 값');"; 3. for 루프를 사용하여 교체합니다. 구문 "for(i=0;i

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

방법 1: 대괄호 표기 재할당을 사용하여 배열 요소 교체

구현 아이디어:

• indexOf() 메서드를 사용하여 요소의 인덱스를 가져옵니다.

• 특정 인덱스에 있는 요소의 값을 변경하려면 대괄호 표기법을 사용하세요.

• 배열 요소의 값이 그대로 업데이트됩니다.

예:

const arr = ['a', 'b', 'c'];
const index = arr.indexOf('a'); // ?️  0
if (index !== -1) {
  arr[index] = 'z';
}
console.log(arr); // ?️ ['z', 'b', 'c']

Array.indexOf() 메서드를 사용하여 값이 a인 배열 요소의 인덱스를 가져옵니다.

그런 다음 해당 인덱스의 요소를 새 값으로 바꿉니다.

indexOf 메소드가 제공된 값을 가진 요소를 찾지 못하면 -1을 반환한다는 점에 유의하세요. 지정된 값을 가진 요소가 있는지 확인하기 위해 메서드가 -1의 인덱스를 반환하지 않는지 확인합니다.

JavaScript의 인덱스는 0부터 시작하므로 첫 번째 요소의 인덱스는 0이고 마지막 요소의 인덱스는 arr.length - 1입니다. arr.length - 1。

或者，我们可以使用 array.splice() 方法。

方法2：使用 Array.splice() 替换数组中的元素

实现思想：

• 使用 indexOf() 方法获取要替换的元素的索引。

• 调用 Array.splice() 方法替换特定索引处的元素。

• 数组元素将被替换到位。

示例：

const arr = ['a', 'b', 'c'];
console.log(arr); // ?️ ['a', 'b', 'c']
const index = arr.indexOf('b'); // ?️  1
arr.splice(index, 1, 'z');
console.log(arr); // ?️ ['a', 'z', 'c']

我们将以下 3 个参数传递给 Array.splice() 方法：

• start index - 开始更改数组的索引。

• delete count - 应该从数组中删除多少元素。

• item1 - 要添加到数组的项目。

我们将 start

또는 array.splice() 메서드를 사용할 수도 있습니다.

방법 2: Array.splice()를 사용하여 배열의 요소를 교체합니다.

구현 아이디어:

indexOf() 메서드를 사용하여 교체할 요소의 인덱스를 가져옵니다.

Array.splice() 메서드를 호출하여 특정 인덱스의 요소를 교체합니다.
배열 요소가 제자리에서 교체됩니다.
예:

• const arr = ['a', 'b', 'c'];
  console.log(arr); // ?️ ['a', 'b', 'c']
  for (let index = 0; index < arr.length; index++) {
    if (arr[index] === &#39;c&#39;) {
      arr[index] = &#39;z&#39;;
      break;
    }
  }
  console.log(arr); // ?️ [&#39;a&#39;, &#39;b&#39;, &#39;z&#39;]

  

다음 3개의 매개변수를 Array.splice() 메서드에 전달합니다:

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

delete count - 배열에서 삭제해야 하는 요소 수입니다.

item1 - 배열에 추가할 항목입니다.

start 인덱스를 교체하려는 배열 요소의 인덱스로 설정합니다.

🎜삭제 횟수를 1로 설정했으므로 Array.splice() 메서드는 지정된 인덱스에서 배열 요소를 삭제하고 제공된 세 번째 인수를 동일한 인덱스에 추가합니다. 🎜🎜🎜실제로는 지정된 인덱스의 배열 요소를 삭제한 후 동일한 인덱스에 다른 값을 삽입하므로 결국 배열 요소를 교체하게 됩니다. 🎜🎜또 다른 방법은 기본 for 루프를 사용하는 것입니다. **🎜🎜🎜🎜방법 3: for 루프를 사용하여 배열의 요소 교체🎜🎜🎜🎜구현 아이디어: 🎜🎜🎜🎜 for 루프를 사용하여 array.length 횟수를 반복합니다. 🎜🎜🎜🎜매 반복마다 배열 요소가 대체할 요소인지 확인하세요. 🎜🎜🎜🎜조건이 충족되면 인덱스의 요소를 교체하고 for 루프에서 빠져나옵니다. 🎜🎜🎜🎜예: 🎜🎜rrreee🎜🎜🎜🎜우리는 기본 for 루프를 사용하여 배열을 반복했습니다. 각 반복에서 해당 요소가 교체하려는 요소인지 확인합니다. 🎜🎜요소를 찾아서 교체하면 불필요한 작업을 피하기 위해 루프에서 벗어납니다. 🎜🎜🎜모든 배열 요소를 특정 값으로 바꾸려면 break 문을 제거하면 됩니다. 🎜🎜🎜【추천 학습: 🎜javascript 비디오 튜토리얼🎜】🎜

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