JS 배열 학습: 배열을 반복하고, 요소의 합을 계산하고, 값을 문자열로 연결합니다.

이전 글 "JS 배열 학습: 모든 요소를 ​​연결하고 문자열을 반환하는 방법"에서 배열을 문자열로 변환하는 방법에 대해 배웠습니다. 배열의 반복 연산에 대해 설명하고 요소의 합을 계산하고 값을 문자열에 연결하는 두 가지 방법을 소개합니다.

메서드 1. forEach() 메소드 사용 forEach() 메소드는 배열의 각 요소를 호출하고 해당 요소를 콜백 함수에 전달하는 데 사용됩니다.

구문: ​​

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

funtion callbackfn(value, index, array): 필수 매개변수, 최대 3개의 매개변수를 받을 수 있는 콜백 함수 지정:

• value: 배열 요소의 값입니다. funtion callbackfn(value, index, array)：必需参数，指定回调函数，最多可以接收三个参数：

  • value：数组元素的值。

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

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

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

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

  示例1：输出数组元素

  function f(value,index,array) {
      console.log("a[" + index + "] = " + value);
  }
  var a = ['a', 'b', 'c'];
  a.forEach(f);

  

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

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

  

  示例3：将数组值连接成字符串

  var a = ['ab', 'cd', 'ef'], str = "";
  function f(value) {
  	// str=str + value;
  	str=str.concat(value);
  }
  
  a.forEach(f);
  console.log(str);

  

  方法2、使用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

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

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

thisValue: 생략된 매개변수, 콜백 함수에서 this가 참조할 수 있는 객체입니다. thisArg가 생략되면 this 값은 정의되지 않습니다.

코드 예제를 통해 자세히 알아봅시다:

예 1: 출력 배열 요소

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

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

예 2: 배열 값 누적 및 합산

36

예 3: 배열 값을 문자열로 연결

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

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

🎜🎜🎜🎜방법 2. Reduce() 메소드🎜🎜🎜🎜reduce() 메소드는 배열의 모든 요소에 대해 지정된 콜백 함수를 호출합니다. 이 콜백 함수의 반환 값은 누적된 결과이며, 이 반환 값은 다음 콜백 함수 호출 시 파라미터로 제공됩니다. 🎜🎜🎜구문: ​​🎜
🎜

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

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

🎜함수 callbackfn(previousValue, currentVaule, currentIndex, array): 필수 매개변수, 최대 4개의 매개변수를 수신할 수 있는 콜백 함수 지정: 🎜

🎜previousValue: 지난번 콜백 함수를 호출하여 얻은 값. Reduce() 메소드에initialValue가 제공되면 함수가 처음 호출될 때 이전값은initialValue입니다. 🎜

🎜currentValue: 현재 요소 배열의 값입니다. 🎜

🎜currentIndex: 현재 배열 요소의 숫자 인덱스입니다. 🎜

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

🎜initialValue: 생략된 매개변수, 함수에 전달된 초기 값. 🎜🎜 코드 예제를 통해 자세히 알아보겠습니다: 🎜🎜🎜예제 1: 배열 값을 누적하고 합산 ​​🎜🎜rrreee🎜출력 결과: 🎜rrreee🎜🎜예 2: 배열 값을 문자열로 연결 🎜🎜 rrreee🎜🎜 🎜🎜 구분 기호를 사용하여 각 배열 요소를 구분하려면 콜백 함수의 두 "+" 연산자 사이에 있는 빈 문자열을 지정된 구분 기호로 변경할 수 있습니다. 🎜rrreee🎜🎜🎜🎜좋아, 그게 다입니다. 여기 있습니다. 필요한 경우 읽을 수 있습니다: 🎜javascript 고급 튜토리얼🎜🎜

위 내용은 JS 배열 학습: 배열을 반복하고, 요소의 합을 계산하고, 값을 문자열로 연결합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!