JavaScript-1 (forEach方法)

最新推荐文章于 2024-06-12 11:59:04 发布

波诺波

最新推荐文章于 2024-06-12 11:59:04 发布

阅读量461

点赞数 11

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/xiaoliu_0168/article/details/136415958

版权

--输出语句

document.write('文档输出内容')

alert('警告对话框')

console.log('控制台打印')

--输入语句

prompt('请输入姓名:')

JavaScript的书写位置

1.内联JavaScript

<button onclick="alert('hello world!')">点击我</button>

<button> 标签:

这是HTML中用于创建按钮的标签。当用户在网页上看到这个按钮时，他们可以点击它来触发一个动作或事件。

onclick 属性:

onclick 是一个事件处理器属性，用于在用户点击按钮时执行JavaScript代码。

2.内部JavaScript

通过在HTML文档中使用<script>标签,可以在<head>,<body>部分包含JavaScript代码

3.外部JavaScript

通过<script>标签的src属性引入外部的.js文件

<body>
  <!-- 页面内容 -->
  <script src="path/to/your-script.js"></script>
</body>

题目:

编写一个JavaScript函数，该函数接收一个整数数组作为参数，并执行以下操作：

1.创建两个空数组，evenNumbers 和 oddNumbers。

2.遍历输入的数组，将偶数放入 evenNumbers 数组，将奇数放入 oddNumbers 数组。

3.如果数组中的某个数是5的倍数，则打印出来。

4.最后，函数应返回一个对象，该对象包含两个属性：evens 和 odds，它们分别是 evenNumbers 和 oddNumbers 数组的内容。

function processNumbers(numbers) {
    let evenNumbers = []
    let oddNumbers = []

    numbers.forEach(number => {
        if (number % 5 === 0) {
            console.log(number)
        }

        if (number % 2 === 0) {
            evenNumbers.push(number)
        }
        else {
            oddNumbers.push(number)
        }
    })

    return {
        evens: evenNumbers,
        odds: oddNumbers
    }
}

let result = processNumbers([1, 2, 3, 4, 5, 10, 15, 20, 25, 30])
console.log(result)

numbers.forEach(number => {...})是一种使用forEach遍历数组的方式
numbers :一个数组
.forEach: forEach是一个高阶函数,它对数组中的每个元素执行一次提供的函数
number => {...} :这是一个箭头函数,一种在ES6中引入的简写函数声明方式. 本例中,number是forEach方法传递给回调函数的当前元素的参数. 每次迭代数组时,number都会被赋予数组中当前元素的值. 箭头函数的基本语法是 (参数) => {函数体} . 如果只有一个参数,可以省略括号,像这样: 参数 => {函数体}

补充:

forEach是高阶函数的原因: 它接受另一个函数作为参数, 并对每个数组元素执行这个函数.

forEach方法

forEach是JavaScript中数组的一个方法,用于遍历数组的每个元素并对每个元素执行指定的函数.

array.forEach(function(element,index,array){
    //执行的操作
})

element: 当前正在处理的数组元素
index(可选): 当前元素的索引
array(可选): forEach 正在操作的数组

let numbers=[1,2,3,4,5]
numbers.forEach(function(number) {
    console.log(number)
})

箭头函数

在ES6及以后的版本中,可以使用箭头函数简化forEach的语法:

numbers.forEach(number => console.log(number))

使用索引和数组

访问当前元素的索引和原始数组

numbers.forEach((number,index,arr)=>{
    console.log('元素:' + number + ',索引:' + index + ',数组' + arr)
})

波诺波

关注

11
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
JavaScript-1 (forEach方法)

('文档输出内容')alert('警告对话框')('控制台打印')
复制链接

扫一扫