JS 配列の学習: 配列を走査し、すべての要素の値を 2 倍にする

前の記事では、配列を反復する 2 つの方法について学びました。興味がある場合は、リンクをクリックして読むことができます→「JS 配列で要素の合計を計算し、値を連結する反復配列を学習する」文字列に 》。今回は引き続き JavaScript 配列を学習し、配列を走査して配列内の各要素を処理する方法 (たとえば、すべての値が 2 倍になる) を確認します。必要な友達はそれについて学ぶことができます~

配列の走査、最初に思いつく方法は、for ループ を使用することです。これを使用すると、すべての要素の値を簡単に 2 倍にする (つまり、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 を走査することもできます。 () メソッド can 配列の各要素に対して指定されたコールバック関数を呼び出し、結果を含む配列 を返します。

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

function callbackfn (value,index,array): 最大 3 つのパラメータを受け入れるコールバック関数:

• value: 配列要素の値。

• index: 配列要素の数値インデックス。

• array: 要素を含む配列オブジェクト。

コード例を通して詳しく学びましょう:

例 1: すべての要素の値を 2 倍にする (つまり、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 配列の学習: 配列を走査し、すべての要素の値を 2 倍にするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。