JavaScript에 배열 요소를 추가하는 방법

3가지 구현 방법: 1. for 루프 사용, 구문 "for(i=0;i

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

방법 1: for 루프 사용

구현 아이디어:

• for 루프를 사용하여 배열 탐색

• 루프 본문에서 "+=" 연산자를 사용하여 배열 요소 하나를 추가합니다. 그리고

구현 예:

var arr = [1,2,3,4,5,6,7,8,9,10];
var i,sum=0;
for(i=0;i<arr.length;i++){  //循环遍历数组
	//将数组元素一个个相加求和
	sum+=arr[i];
}
console.log(sum);

방법 2, forEach() 메서드 사용

forEach() 메서드는 배열의 각 요소를 호출하고 해당 요소를 콜백 함수.

구문: ​​

array.forEach(funtion callbackfn(value, index, array), thisValue)

function callbackfn(value, index, array): 필수 매개변수, 최대 3개의 매개변수를 받을 수 있는 콜백 함수를 지정합니다. funtion callbackfn(value, index, array)：必需参数，指定回调函数，最多可以接收三个参数：

• value：数组元素的值。

• index：数组元素的数字索引。

• array：包含该元素的数组对象。

thisValue：可省略的参数，回调函数中的 this 可引用的对象。如果省略 thisArg，则 this 的值为 undefined。

下面通过代码示例来具体了解一下：

示例：将数组值进行累加求和

var a = [10, 11, 12], sum = 0;
function f(value) {
	sum += value;
}

a.forEach(f);
console.log(sum);

方法3、使用reduce() 方法

reduce() 方法可对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果，并且此返回值在下一次调用该回调函数时作为参数提供。

语法：

array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)

function callbackfn(previousValue, currentVaule, currentIndex, array)：必需参数，指定回调函数，最多可以接收4个参数：

• previousValue：通过上一次调用回调函数获得的值。如果向 reduce() 方法提供 initialValue，则在首次调用函数时，previousValue 为 initialValue。

• currentVaule：当前元素数组的值。

• currentIndex：当前数组元素的数字索引。

• array：包含该元素的数组对象。

initialValue

value: 배열 요소.

index: 배열 요소의 숫자 인덱스입니다.

array: 요소를 포함하는 배열 객체입니다.

thisValue: 생략된 매개변수, 콜백 함수에서 this가 참조할 수 있는 개체입니다. thisArg가 생략되면 this 값은 정의되지 않습니다. 코드 예제를 통해 자세히 알아보세요.

🎜🎜예: 배열 값 누적 및 합계🎜🎜

var a = [11, 12, 13], sum = 0;
function f(pre,curr) {
	sum=pre+curr;
	return sum;
}

a.reduce(f);
console.log(sum);

🎜🎜🎜🎜🎜방법 3. Reduce() 메서드를 사용하세요🎜🎜🎜🎜reduce() 메서드는 배열의 모든 요소에 대해 호출할 수 있습니다. 지정된 콜백 함수. 이 콜백 함수의 반환 값은 누적된 결과이며, 이 반환 값은 다음 콜백 함수 호출 시 파라미터로 제공됩니다. 🎜🎜🎜구문: ​​🎜
🎜rrreee🎜함수 callbackfn(previousValue, currentVaule, currentIndex, array): 필수 매개변수, 최대 4개의 매개변수를 받을 수 있는 콜백 함수 지정: 🎜🎜 🎜🎜 PreviousValue: 지난번에 콜백 함수를 호출하여 얻은 값입니다. Reduce() 메소드에initialValue가 제공되면 함수가 처음 호출될 때 이전값은initialValue입니다. 🎜🎜🎜🎜currentValue: 현재 요소 배열의 값입니다. 🎜🎜🎜🎜currentIndex: 현재 배열 요소의 숫자 인덱스입니다. 🎜🎜🎜🎜array: 요소를 포함하는 배열 객체입니다. 🎜🎜🎜🎜initialValue: 생략된 매개변수, 함수에 전달된 초기 값. 🎜🎜코드 예제를 통해 자세히 알아봅시다: 🎜🎜🎜예: 배열 값을 누적하고 합합니다. ​​🎜🎜rrreee🎜출력 결과: 🎜🎜🎜🎜🎜【관련 권장 사항: 🎜javascript 비디오 튜토리얼🎜, 🎜프로그래밍 비디오🎜】 🎜

위 내용은 JavaScript에 배열 요소를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!