JS 배열 학습: 배열을 순회하고 모든 요소 값을 두 배로 늘립니다.

이전 글에서는 배열을 반복하는 두 가지 방법에 대해 배웠습니다. 관심이 있으시면 링크를 클릭하여 → "JS 배열 학습: 배열을 반복하여 요소의 합을 계산하고 값을 문자열로 연결하기"를 읽어보세요. ". 이번에는 계속해서 JavaScript 배열을 배우고 배열을 순회하고 배열의 각 요소를 처리하는 방법을 알아봅니다(예: 모든 값이 2배가 됩니다). 필요한 친구들은 이에 대해 배울 수 있습니다~

배열을 순회합니다. , 가장 먼저 떠오르는 방법은 for 루프를 사용하는 것인데, 이를 사용하면 모든 요소 값을 쉽게 두 배로 늘릴 수 있습니다. ​​​​(즉, 2를 곱함)

var a = [5,10,20];
for(var i=0;i<a.length;i++){
	a[i]=2*a[i];
}
console.log(a);

출력 결과:

for in 문을 사용하여 배열을 반복할 수도 있습니다. for/in 루프 구조에서 변수 i는 배열의 첨자를 나타내고, a[i]는 지정된 첨자를 읽을 수 있는 요소 값입니다.

var a = [10,20,30];
for(var i in a){
	a[i]=2*a[i];
}
console.log(a);

출력 결과:

이전 기사에서 언급한 forEach() 메서드를 사용하여 배열을 탐색할 수도 있습니다 이 메서드는 배열의 각 요소를 호출하고 해당 요소를 콜백 함수에 전달할 수 있습니다. .

var a = [20,30,40];
function f(value) {
	console.log(value*2);
}
a.forEach(f);

출력 결과:

또한 map() 메서드를 사용하여 배열을 탐색할 수 있습니다 map() 메서드는 배열의 각 요소에 대해 지정된 콜백 함수를 호출하고 다음을 포함하는 배열을 반환할 수 있습니다. 결과.

array.map(function callbackfn (value, index, array), thisArg);

function callbackfn (value, index, array): 최대 3개의 매개변수를 허용하는 콜백 함수:

• value: 배열 요소의 값.

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

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

코드 예제를 통해 자세히 알아보겠습니다.

예제 1: 모든 요소 값을 두 배로 늘림(즉, 2를 곱함)

var a = [30,40,50];
function f(value) {
	return value*2;
}
var a1=a.map(f);
console.log(a1);

출력 결과:

예제 2: 내장된 JavaScript 사용- 콜백 함수로

var a = [9, 16];
var a1 = a.map(Math.sqrt);
console.log(a1);  //3,4

그렇습니다. 필요하다면 다음을 시청하세요. javascript 비디오 튜토리얼

위 내용은 JS 배열 학습: 배열을 순회하고 모든 요소 값을 두 배로 늘립니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!