js提取元素中的指定成员+提取成员组成新数组

js提取元素中的指定成员组成数组

一、概念

map()方法定义在JavaScript的Array中，它返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。

二、语法

array.map(function(currentValue, index, arr), thisIndex)

参数说明：

• function(currentValue, index, arr)：必须。为一个函数，数组中的每个元素都会执行这个函数。其中函数参数：

1. currentValue：必须。当前元素的的值。
2. index：可选。当前元素的索引。
3. arr：可选。当前元素属于的数组对象。

• thisValue：可选。对象作为该执行回调时使用，传递给函数，用作"this"的值。

三、示例

示例业务逻辑：本人使用layui框架、选择列表数据进行批量删除

1、复选框选中数据进行批量删除选中数据，js需要获取其id，并将选择数据id组成数组

2、复选框选中数据后点击’批量删除‘后触发js方法

当前使用layui框架，首先获取table句柄，获取table句柄后得到选中的数据

var _table;
//当前方法基类方法（目前不清楚如何实现），作用是页面数据加载完成后会回调这个方法，返回了table句柄
function usdatagrid_finish_v2(res, table, thisDatagrid, __table) {
  //获取table句柄
   _table = table;
    console.debug(table);
}

//将选中要删除的数据id组成数组，批量删除按钮触发方法
function usdeldata() {
  //使用layui的选中的数据
  //查看另一博看其的用法：  
　layui Table控件选择一行获取选择行信息 - じ逐梦 - 博客园 (cnblogs.com)
  var checkStatus = _table.checkStatus('usdatagrid'); 

 //使用JS中map()函数，获取选中数据的id并组成数组
  var ids = $.map(checkStatus.data, function (row) {
                return UsGetData(row, key);
            });
  console.error(ids);

}

//从usdata总数据中取出指定的值   usdata总数据    key指定值
function UsGetData(usdata, key) {
        var ret = "";
        if (usdata == null) {
            return ret;
        }
        if (null == usdata[key] || "undefined" == typeof (usdata[key])) {
            return ret;
        }
        else {
            ret = usdata[key];
        }
        return ret;
}

3、成功将选中的数据id组成数组