js封装map功能函数

以下是一个简单的 JavaScript 封装 Map 功能的函数：

function myMap(array, callback) {
  let result = [];
  for (let i = 0; i < array.length; i++) {
    result.push(callback(array[i], i, array));
  }
  return result;
}

该函数接收一个数组和一个回调函数作为参数。它使用一个 for 循环遍历数组中的每个元素，并在每个元素上调用回调函数。回调函数接收三个参数：当前元素，当前元素的索引和整个数组。该函数将回调函数的返回值存储在一个数组中并返回该数组。

例如，可以使用以下代码调用该函数：

const numbers = [1, 2, 3, 4, 5];
const squareNumbers = myMap(numbers, function(num) {
  return num * num;
});
console.log(squareNumbers); // [1, 4, 9, 16, 25]

相关问题

封装一个函数 传入数组后 返回的平方JavaScript

Sure, 可以为您编写一个平方函数。以下是示例代码：

function squareArray(arr) {
  return arr.map(function(num) {
    return num * num;
  });
}

您只需将数组传递给该函数即可返回平方后的数组。例如：

var arr = [1, 2, 3];
var squaredArr = squareArray(arr); // [1, 4, 9]

leaflet 封装一个函数 实现点击按钮定位到当前位置

Leaflet是一个轻量级的JavaScript库，用于创建交互式地图。如果你想封装一个函数，当用户点击某个按钮时定位到他们的当前位置，可以按照以下步骤：

// 引入 Leaflet 库
var L = window.L;

// 创建地图实例
var map = L.map('map').setView([51.505, -0.09], 13); // 使用默认的伦敦坐标

// 加载地理编码服务 (假设使用 OpenStreetMap Nominatim API)
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: 'Map data © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors'
}).addTo(map);

// 定义一个函数 bindGeoLocation
function bindGeoLocation(button) {
    button.on('click', function() {
        if (navigator.geolocation) { // 检查浏览器支持地理位置API
            navigator.geolocation.getCurrentPosition(function(position) {
                var latlng = L.latLng(position.coords.latitude, position.coords.longitude);
                map.setView(latlng, 16); // 设置视图到用户位置，缩放级别16
                console.log('User location:', latlng);
            }, function(error) {
                switch(error.code) {
                    case error.PERMISSION_DENIED:
                        alert("用户拒绝了获取地理位置的请求");
                        break;
                    case error.POSITION_UNAVAILABLE:
                        alert("无法确定用户位置");
                        break;
                    case error.TIMEOUT:
                        alert("请求超时");
                        break;
                    default:
                        alert("发生了未知错误: " + error.message);
                }
            });
        } else {
            alert("您的浏览器不支持地理位置服务");
        }
    });
}

// 创建一个地图上的按钮元素，并绑定事件处理程序
var locateButton = L.DomUtil.create('button', 'geo-location-button', document.getElementById('map-control'));
locateButton.innerHTML = '定位';
bindGeoLocation(locateButton);

在这个例子中，我们首先设置了一个基础的地图，然后创建了一个`bindGeoLocation`函数，该函数绑定了一个点击事件到一个按钮上。当用户点击这个按钮时，它会尝试获取用户的地理位置并将其显示在地图中心。