欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

javascript中的foreach

王國娟1年前7瀏覽0評論
在Javascript中,forEach已經成為了非常常見的語句,而且得到了廣泛的應用。它是一個數組的方法,可以用來迭代數組元素,進行相應操作。與for循環相比,forEach語句的語法更加簡潔清晰,具有更高的可讀性。下面將結合具體的代碼示例來深入探究JavaScript中forEach方法的使用。
***語法格式:***
array.forEach(function(currentValue, index, arr), thisValue)

***參數解釋:***
- function(currentValue, index, arr) // 必須。函數每次執行時會傳入三個參數:
- currentValue :當前元素的值
- index:當前元素的下標
- arr:正在迭代的數組
- thisValue可選,對象作為該執行回調時使用,傳給函數,用作 this 的值。如果省略了 thisValue,或者傳了 null、undefined,那么 this會指向全局對象(在瀏覽器中就是 window 對象)。
***示例1。數組遍歷找奇數:***
// 原始數組
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
// 找出數組中所有的奇數
arr.forEach((item, index, arr) => {
if (item % 2 !== 0) {
console.log(item);
}
})

上述代碼中,我們首先創建了一個數組arr,然后利用forEach方法遍歷數組中的所有元素,并判斷每一個元素是否為奇數,如果是奇數就進行相應的操作。我們使用箭頭函數來代替傳統的函數聲明方式,代碼的可讀性更高。最終輸出結果為:1 3 5 7 9。
***示例2。數組求和:***
// 原始數組
var arr = [1, 2, 3, 4, 5];
// 數組求和
var sum = 0;
arr.forEach((item, index, arr) => {
sum += item;
})
console.log(sum); // 15

上述代碼中,我們首先定義了一個數組arr,然后利用forEach方法對其進行遍歷,并將每個元素相加。最終輸出結果為15。
***示例3。數組元素平方:***
// 原始數組
var arr = [1, 2, 3, 4, 5];
// 數組元素平方
var arr2 = [];
arr.forEach((item, index, arr) => {
arr2.push(item * item);
})
console.log(arr2); // [1, 4, 9, 16, 25]

上述代碼中,我們定義了一個數組arr,并用forEach方法遍歷數組,將每個元素平方,并將結果推入新的數組arr2中。最終輸出結果為[1, 4, 9, 16, 25]。
***示例4。字符串反轉:***
// 原始字符串
var str = 'Hello World';
// 字符串反轉
var arr = str.split('');
var arr2 = [];
arr.forEach((item, index, arr) => {
arr2.unshift(item);
})
var str2 = arr2.join('');
console.log(str2); // 'dlroW olleH'

上述代碼中,我們定義了一個字符串str,并將其轉換為數組arr,再使用forEach方法遍歷數組,將每個元素從數組的開頭位置unshift到新數組arr2中的頭部。最終將arr2轉換為字符串str2,并輸出結果為'dlroW olleH'。
綜上所述,forEach方法是JavaScript中非常實用的一個方法,它可以幫助實現各種有趣的功能。需要注意的是,在使用forEach方法時需要遵循其規范的語法格式,同時還需要注意函數的回調參數的位置與意義,以及thisValue參數的作用。