>  기사  >  웹 프론트엔드  >  JavaScript에서 배열 요소의 길이와 합계를 찾는 방법

JavaScript에서 배열 요소의 길이와 합계를 찾는 방법

青灯夜游
青灯夜游원래의
2022-09-20 14:11:551978검색

JavaScript에서는 길이 속성을 사용하여 배열의 길이를 얻을 수 있으며 구문은 "array object.length"입니다. 감소() 또는 감소Right() 함수를 사용하여 요소의 합계를 찾을 수 있습니다. "arr.reduce(function f(pre,curr){return pre+cur})" 또는 "arr.reduceRight(function f(pre,curr){return pre+cur})"입니다.

JavaScript에서 배열 요소의 길이와 합계를 찾는 방법

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

JavaScript로 배열 길이 구하기

JavaScript에서는 배열 객체의 length 속성을 사용하여 배열 길이를 구할 수 있습니다.

모든 배열에는 배열의 최대 길이를 반환하는 길이 속성이 있습니다. 즉, 해당 값은 최대 첨자 값에 1을 더한 값과 같습니다. 숫자 아래 첨자는 2^32-1보다 작아야 하므로 길이 속성의 최대값은 2^32-1과 같습니다.

예제 1

다음 코드는 빈 배열을 정의한 다음 아래 첨자가 100인 요소에 값을 할당하고 길이 속성은 101을 반환합니다. 따라서 길이 속성은 배열 요소의 실제 수를 반영할 수 없습니다.

var a = [];  //声明空数组
a[100] = 2;
console.log(a.length);  //返回101

출력:

101

length 속성은 읽고 쓸 수 있으며 동적 속성입니다. 배열 요소가 변경되면 길이 속성 값도 자동으로 업데이트됩니다. 동시에 길이 속성 값이 재설정되면 배열 요소에도 영향을 미칩니다. 세부 사항은 다음과 같습니다.

길이 속성이 현재 길이 값보다 작은 값으로 설정되면 배열이 변경됩니다. 잘리고 새로운 길이를 초과하는 요소 값은 모두 손실됩니다.

길이 속성을 현재 길이 값보다 큰 값으로 설정하면 빈 배열이 배열 끝에 추가되어 배열이 새로 지정된 길이로 늘어나고 읽은 값이 ​​​​정의되지 않습니다.

예제 2

다음 코드는 길이 속성 값의 동적 변경이 배열에 미치는 영향을 보여줍니다.

var a = [1,2,3];  //声明数组直接量
a.length = 5;  //增长数组长度
console.log(a[4]);  //返回undefined,说明该元素还没有被赋值
a.length = 2;  //缩短数组长度
console.log(a[2]);  //返回undefined,说明该元素的值已经丢失

출력:

undefined
undefined

JavaScript를 사용하여 배열의 합을 구합니다.

방법 1: Reduce()

reduce()를 사용하여 배열 요소를 하나의 값으로 계산합니다(왼쪽에서 오른쪽으로).​

var a = [1, 2, 3, 4, 5];
var b =a.reduce(function f(pre, curr){
	return pre + curr;
	});
console.log(b);

JavaScript에서 배열 요소의 길이와 합계를 찾는 방법

설명:

reduce() 메서드는 배열의 모든 요소에 대해 지정된 콜백 함수를 호출할 수 있습니다. 이 콜백 함수의 반환 값은 누적된 결과이며, 이 반환 값은 다음 콜백 함수 호출 시 파라미터로 제공됩니다. 구체적인 사용법은 다음과 같습니다.

array.reduce(callbackfn[, initialVaule]);

매개변수 설명:

  • array: 필수 매개변수, 배열 객체.

  • callbackfn: 필수 매개변수, 최대 4개의 매개변수를 허용하는 함수입니다. Recover() 메서드는 배열의 각 요소에 대해 callbackfn 함수를 한 번씩 호출합니다.

  • initialValue: 선택적 매개변수로,initialVaule을 지정하면 누적을 시작하는 초기값으로 사용됩니다. callbackfn 함수에 대한 첫 번째 호출에서는 이 값을 배열 값 대신 매개변수로 제공합니다.

reduce() 메서드의 반환 값은 콜백 함수에 대한 마지막 호출에서 얻은 누적 결과입니다.

initialVaule 매개변수가 제공되면 Reduce() 메서드는 배열의 각 요소에 대해(오름차순 인덱스 순서로) callbackfn 함수를 호출합니다.initialVaule이 제공되지 않으면 Reduce() 메서드는 callbackfn 함수를 호출합니다. 두 번째 요소부터 시작하여 각 요소에 대해 callbackfn 함수가 호출됩니다.

콜백 함수의 반환 값은 다음에 콜백 함수가 호출될 때 이전 값 매개 변수로 제공됩니다. 콜백 함수에 대한 마지막 호출에서 얻은 반환 값은 recude() 메서드의 반환 값입니다. 이 메서드는 배열에서 누락된 요소에 대한 콜백 함수를 호출하지 않습니다.

콜백 함수의 구문은 다음과 같습니다.

function callbackfn(previousValue, currentVaule, currentIndex, array);

콜백 함수 매개변수 설명:

  • previousValue: 콜백 함수에 대한 마지막 호출에서 얻은 값. Reduce() 메소드에initialValue가 제공되면 함수가 처음 호출될 때 이전값은initialValue입니다.

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

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

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

콜백 함수를 처음 호출할 때, Reduce() 메소드에initialValue 매개변수가 있는지 여부에 따라 매개변수로 제공되는 값이 달라집니다. recude() 메소드에initialValue가 제공되는 경우,previousValue매개변수는initialValue이고 currentValue매개변수는 배열의 첫 번째 요소의 값입니다.

방법 2: ReduceRight()

reduceRight()를 사용하여 배열 요소를 값으로 계산합니다(오른쪽에서 왼쪽으로).

var arr = [1, 2, 3, 4, 5, 5];
var b =arr.reduceRight(function f(pre, curr){
	return pre + curr;
	});
console.log(b);

JavaScript에서 배열 요소의 길이와 합계를 찾는 방법

설명:

reduceRight() 메서드는 오른쪽에서 왼쪽으로 배열의 모든 요소에 대해 지정된 콜백 함수를 호출할 수 있습니다. 이 콜백 함수의 반환 값은 누적된 결과이며, 이 반환 값은 다음 콜백 함수 호출 시 파라미터로 제공됩니다. 구체적인 사용법은 다음과 같습니다:

array.reduceRight(callbackfn[, initialValue]);

该方法的语法和用法与 reduce() 方法大概相同,唯一不同的是,它是从数组右侧开始调用回调函数。如果提供了 initialValue,则 reduceRight() 方法会按降序索引顺序对数组中的每个元素调用一次 callbackfn 函数。如果未提供 initialValue,则 reduceRight() 方法会按降序索引顺序对每个元素(从倒数第 2 个元素开始)调用 callbackfn 函数。

【相关推荐:javascript视频教程web前端开发

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.