[JavaScript知识库] jQuery - 方法 - map() --- 常用遍历方法

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> jQuery - 方法 - map() --- 常用遍历方法 -> 正文阅读

[JavaScript知识库]jQuery - 方法 - map() --- 常用遍历方法

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body>
    <script>
      // map:可以执行传入的回调函数,并将回调函数的返回值存储在内部所创建的临时数组中,最终将这个数组返回
      let arr = [1, 3, 5, 7, 9, 11, 22, 33]
      console.log(arr)

  🎈🎈// arr = arr.map(function(value, index) {
      //   return value * 2
      // })
      // console.log(arr)🎈

      // callback：传入的需要执行的回调函数
      Array.prototype.mymap = function(callback) {
        // 对象调用模式，谁调用函数，谁就是函数中的this
        console.log(this)

        // 临时数组
        let temp = []

        // 执行回调函数，将回调函数的结果存储到临时数组中
        for (let i = 0; i < this.length; i++) {
          let result = callback(this[i], i)
          temp.push(result)
        }

        // 将临时数组返回
        return temp
      }

      arr = arr.mymap(function(value, index) {
        return value * 3
      })
      console.log(arr)
    </script>
  </body>
</html>

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

TypeScript

初识vuex

vue项目安装包指令收集

加:2021-08-31 15:22:02 更:2021-08-31 15:23:21

360图书馆购物三丰科技阅读网日历万年历 2024年11日历

-2024/11/23 13:00:50-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码