首页 > 其他分享 >js提取元素中的指定成员组成数组

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

时间:2023-01-10 10:24:15浏览次数:55  
标签:function usdata 提取 key js 选中 数组 table

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组成数组

标签:function,usdata,提取,key,js,选中,数组,table
From: https://www.cnblogs.com/ZhuMeng-Chao/p/17039324.html

相关文章

  • jstl
    一. MVC模型(Model)-程序员编写程序应有的功能(实现算法等等)、数据库专家进行数据管理和数据库设计(可以实现具体的功能)。视图(View)-界面设计人员进行图形界面设计。......
  • JSP
    JSP1. 定义JSP全称JavaServerPages,是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。JSP是一种Javaservlet,主要用于实......
  • 浏览器访问 JSP 文件时无法进入 JavaScript 代码
    问题描述浏览器访问<head>中有JavaScript代码的JSP文件:<%@pagecontentType="text/html;charset=UTF-8"language="java"%><html><head><title>$Title......
  • 使用nvm安装不同版本的NodeJS
    下载及安装下载地址:https://github.com/coreybutler/nvm-windows/releases配置nodejs的镜像地址nvmnode_mirrorhttps://npmmirror.com/mirrors/node/nvmnpm_mirror......
  • yum安装指定版本nodejs
    curl-sLhttps://rpm.nodesource.com/setup_14.x|bash-yumremovenodesource-release*nodejsyumcleanallrm-rf/var/cache/yum/*rm/etc/yum.repos.d/nodeso......
  • golang数组
    目录目录数组特性语法数组内存结构数组声明数组赋值数组指针数组方法数组遍历数组类型扩展1.字符串数组2.结构体数组3.接口数组4.管道数组5.图像解码器数......
  • 2.10 JSON数据及解析
    -------------------------------   ---------------------------------------------------- ......
  • 【JS】Primitive类型是按值访问和存储在栈上的吗?
    0x01Immutable在讨论原始类型是否为按值访问和存储在栈上前,先要理解JS原始类型的一个特殊性质:immutable《JavaScript高级程序设计》中有一段对字符串的描述:ECMAScrip......
  • 第二节:跨平台兼容/条件编译、页面路由(pages.json)、页面通讯(5种)、页面生命周期
    一.        二.        三.         !作       者:Yaopengfei(姚鹏飞)博客地址:http://www.cnblog......
  • Vue判断数组元素是否为undefined
    问题:现在有这样一个数组,没有第一个元素,如何判断该位置为空控制台输出为undefinde首先尝试array[0]===undefined,可以需要修改为array[0]==="undefinde"这样不行......