精华内容
下载资源
问答
  • JS数组转化成新的数组 var grapeInfo=[ {score:'22',color:'green',date:"1号"}, {score:'70',color:'green',date:"2号"}, {score:'80',color:'yellow',date...JS数组转化成新的对象 var grapeInfo = [ { .

     JS把数组转化成新的数组

    var grapeInfo=[
        {score:'22',color:'green',date:"1号"},
        {score:'70',color:'green',date:"2号"},
        {score:'80',color:'yellow',date:"3号"}
    ]
    
    let grapeInfoColor = grapeInfo.map(x => x.color);

    JS把数组转化成新的对象

    var grapeInfo = [
        { score: '22', color: 'green', date: "1号" },
        { score: '70', color: 'green', date: "2号" },
        { score: '80', color: 'yellow', date: "3号" }
    ]
    
    let grapeInfoColor = grapeInfo.map(x => x.color);
    
    var grapeDataList = {};
    var putao = 'GRAPE';
    for (let index = 0; index < grapeInfoColor.length; index++) {
        grapeDataList[putao + (index + 1)] = grapeInfoColor[index];
    }

    使用map和filter之前,一定要区分清楚,map只是把原有的数组转成新的格式的数组,数组长度不变,而filter是起到过滤作用,可以过滤数组中有些不符合条件的对象,数组长度会发生改变。

    原来的数组:

    但现在我不想要value为0的值,使用filter就好了。

    productStatus.filter(x=>x.value!=0)

    展开全文
  • 目标需求: ...这是一个数组,里面包含很多对象,每个对象里面含有相同的属性 首先把想要的字段通过工具函数库lodash_.pick()出来: let b = []; classifylist.map( it => { b.push(_.pick(it...

    目标需求:
    添加零食种类

    根据零食种类分配的UUID映射展示出来:

    获取到零食种类的列表的数据结构是这样子的:

    这是一个数组,里面包含很多对象,每个对象里面含有相同的属性

    首先把想要的字段通过工具函数库lodash_.pick()出来:
     

        let b = [];
        classifylist.map( it => {
          b.push(_.pick(it,'uuid','name'));
        });

     _.pick()完的数据结构是这样的:

    现在把数组转换成对象:
     

        方法一:map循环方式
        let obj = {};
        b.map((e) => {
          obj[e.uuid] = e.name;
        });
        
        方法二:$.each循环方式
        $.each(b, function (item,e) {
        console.log(e.name);
         obj[e.uuid] = e.name;
         });
        
        方法三:for in 循环方式
        for (var item in b){
             obj[b[item].uuid] = b[item].name;
         };
       

    经过处理后的数据结构是:

     在table表格的columns中使用:
     通过给obj对象传入键,返回值即可如愿以偿地展示了种类uuid对应的种类名称。

    {
              title: '零食种类',
              dataIndex: 'classify_uuid',
              render: it => (
                <span>{obj[it]}</span>
              ),
    },

    columns完整代码如下: 

    import React, { Fragment } from 'react';
    import _ from 'lodash';
    import { Icon,Popconfirm } from 'antd';
    import moment from 'moment';
    
    export const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss';
    export const DATE_FORMAT = 'YYYY-MM-DD';
    
    function getDateTimeString(msTimeOrDate) {
      if (msTimeOrDate === null) return null;
      if (msTimeOrDate && typeof msTimeOrDate === 'object') {
        if ('format' in msTimeOrDate && typeof msTimeOrDate.format === 'function')
          return msTimeOrDate.format(DATE_TIME_FORMAT);
    
        if (msTimeOrDate instanceof Date) return moment(msTimeOrDate).format(DATE_TIME_FORMAT);
      }
      // @ts-ignore
      return moment(new Date(msTimeOrDate)).format(DATE_TIME_FORMAT);
    }
    
    function newColumn(title, dataIndex, render = undefined ) {
        return { title, dataIndex, render, key: dataIndex };
    }
    
    function getSnackColumns(props, eventHandler) {
        const { snacks } = props;
        const classifylist = Array.isArray(snacks.classifylist) ? snacks.classifylist : [];
        console.warn('classifylist',classifylist);
        let b = [];
        let obj = {};
        classifylist.map( it => {
          b.push(_.pick(it,'uuid','name'));
        });
        b.map((e) => {
          obj[e.uuid] = e.name;
        });
        console.warn('b', b);
        console.warn('obj',obj);
        return [
            {
                title: '零食照片',
                dataIndex: 'images',
                key: `uuid`,
                render: src => src ? <img src={src} alt="logo" style={{width: '100%', maxWidth: 64}} /> : '暂无照片'
            },
            newColumn('零食名称', 'name'),
            // newColumn('零食分类uuid', 'classify_uuid'),
             // 在这里使用
            {
              title: '零食种类',
              dataIndex: 'classify_uuid',
              render: it => (
                <span>{obj[it]}</span>
              ),
            },
            newColumn('零食价格', 'money'),
            {
                title: '发布时间',
                dataIndex: 'time',
                defaultSortOrder: 'descend',
                sorter: (a,b) => Date.parse(a.time) - Date.parse(b.time),
                render: it => {
                    const m = moment(it);
                    return (
                      <span title={getDateTimeString(m)}>
                        {m.fromNow()}
                      </span>
                    );
                }
            },
            {
                align: 'right',
                title: '操作',
                key: 'op',
                render: it => {
                    return (
                      <Fragment>
                        <Popconfirm
                          title={<span>确认删除<b>{it.name}</b>吗?</span>}
                          okType="danger"
                          onConfirm={eventHandler.onDeleteSnack.bind(null,it)}
                          okText="确认删除"
                          cancelText="取消"
                        >
                          <a style={{ color: '#FC1E39', marginLeft: 20 }}>
                            <Icon type="delete" />&nbsp;删除
                          </a> 
                        </Popconfirm>
                      </Fragment>
                    );
                }
            }
        ];
    }
    
    export default getSnackColumns;
    
    

     

    展开全文
  • 数组转化对象

    2016-12-28 17:06:15
    数组转化对象 语法:_.object(list, [values]) 数组转换为对象,传递任何一个单独[key, value]对的列表 例:barcodes_list=[ITEM000001,ITEM000003,ITEM000005]; num_list=[5,2,3]; var ...
    数组转化对象
    

    语法:_.object(list, [values])

    将数组转换为对象,传递任何一个单独[key, value]对的列表

    例:barcodes_list=[ITEM000001,ITEM000003,ITEM000005];

    num_list=[5,2,3];

    var barcode_table=_.object(barcodes_list,num_list);

    console.log(barcode_table)--->输出为

    {"ITEM000001":"5","ITEM000003":"2","ITEM000005":"3"}
    展开全文
  • //下列通过map arrList 转化为{11139(学号SNO),{…}(这是arrList数组)}的对象形式 const newArrList = arrList.map(item => { obj[item.SNO] = item; }) const newList = resUserList.map(item => ({ …item, //...

    var formArr = [
    0:{name: “Name”, value: “111”},
    1:{name: “Price”, value: “2”},
    2:{name: “ProducingArea”, value: “3”},
    3:{name: “ShelfLife”, value: “44”},
    4:{name: “Stock”, value: “5”}
    ];
    var obj={ };
    //map循环方式
    formArr.map(function (e, item) {
    console.log(e.name);
    obj[e.name] = e.value;
    });
    //$.each循环方式
    $.each(formArr, function (item,e) {
    console.log(e.name);
    obj[e.name] = e.value;
    })
    //for in 循环方式
    for (var item in formArr){
    obj[formArr[item].name] = formArr[item].value;
    };
    结果打印:obj = {Name: “2”, Price: “3”, ProducingArea: “4”, ShelfLife: “5”, Stock: “6”}

    二、React map:比较两个数组的值

    const [userList, setUserList] = useState([]);
    const [arrList, setArrList] = useState([]);
    //获取搜索框接口返回的数据resUserList
    const urlUser = /api/client/user/account/list?search=${keyPeruser};
    let resUserList = await request.get(urlUser)

    var obj = {}; //下列通过map将 arrList 转化为{11139(<=学号SNO),{…}(<=这是arrList数组)}的对象形式
    const newArrList = arrList.map(item => {
    obj[item.SNO] = item;
    })
    const newList = resUserList.map(item => ({
    …item, //保持原数组不变添加ischecked属性
    ischecked: item.SNO in obj; //如果obj对象中存在item.SNO 则为true 反之为false
    }))

    展开全文
  • 1.js数组转成对象 var list = {}; var arr = ["123","456","789"]; // for in 循环 for (var key in arr) { list[key] = arr[key]; } console.log(list); //控制台打印 打印如下 我的思路就是这样,不止这一种...
  • var formArr = [ {name:"Name",value:"111"}, {name:"Price",value:"2"}, {name:"ProducingArea",value:"3"}, {name:"ShelfLife",value:"44"}, {name:"Stock",value:"5"} ...varobj={ }...
  • JavaScript 允许数组与字符串之间相互转换。其中 Array 方法对象定义了 3 个方法,可以把数组转换为字符串 toString() 将数组转换成一个字符串 var a = [1,2,3,4,5,6,7,8,9,0]; //定义数组 var s = a.toString();...
  • js将数组对象转化为json格式的数组

    千次阅读 2017-02-14 19:16:50
    我们采用ajax从后台得到的数据往往是数组对象形式的,怎样转化js识别的json数据格式呢? 解决方法:步骤1:将数组对象采用JSON.stringify()方法转化为字符串,比如下图1中的数组对象经此方法转化后得到图2中数据:...
  • 原始数组 const newList=[]; newList.push( list&&list.map(item=>( { label:item.carNumber, value:item.carNumber } )) ) console.log(newList) 新数组
  • 有时候,出于某种目的,需要将数组转化对象,一个简单快速的方法是就使用展开运算符号(…): var fruits = [“banana”, “apple”, “orange”, “watermelon”]; var fruitsObj = { …fruits }; console.log...
  • js将数组转化成json

    万次阅读 2017-02-16 17:42:45
    要使用json来传输数据,...不同的语言中,它被理解为对象(object),纪录(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组 (associative array)
  • javabtye数组转化成float数[2021-02-01 08:15:06]简介:php将数组转化成字符串的方法:可以利用内置函数implode()来进行转化。implode()函数可以返回一个由数组元素组成的字符串,例如:【implode(",", $array)】。...
  • Js数组对象(特殊格式) arr:[ { } ,{ },{ }] 转化为obj:{ { },{ },{ } } 利用ES6语法: let obj = {...arr};
  • Json对象数组转化JS Array数组

    千次阅读 2018-09-01 21:44:00
    private format ( cards : any ) ...cards:一个json对象数组。...element.edit='<button...>': 表示为每个数组中的对象添加一个新的edit属性。 转载于:https://www.cnblogs.com/singular/p/9571768.html
  • Array [ "PRD_NBR:CR026601,CR026101", "crl_sts:USED,APRJ,ENDC,PAUS,CLER", "BAL_YER:0...但是我接触js技术还不太久,不知道有没有什么好办法来动态设置JSON对象的key和value。 还请懂技术的大牛给解答解答,多谢!
  • 1.2需求将数组转换对象某个值转为键 const arr = [{label: '男', value: 0},{label: '女', value: 1}] 结果 const obj = f(arr) // obj ===> {0: '男', 1:'女'} 方案① foreach function fn(arr) { let obj = {}...
  • 前台的js对象数组传到后台处理。在前台把js对象数组转化为json字符串,在后台把json字符串解析为List<> 转载于:https://www.cnblogs.com/gaocong/p/4531629.html...
  • js 数组对象转化成JSON 对象格式: 例子: arr=[ {fruits:{apple:'苹果',price:'5'}} {fruits2:{banana:'香蕉',price:'3'}} {fruits3:{orange:'橘子',price:'6'}} ] 转化成: obj={ fruits:{apple:'苹果',price...
  • 数组对象转换为数组的方法总结 实际中常常遇到的类数组对象:DOM 操作返回的 NodeList 集合,以及函数内部的arguments对象 ES5的写法: var Arr = [].slice.call(arrayLike); ES6的扩展...
  • 可以利用属性名模拟数组的特性 可以动态的增长length属性 ...好处 把数组对象的特性拼在一起 问题 并不是所有的数组方法都可以用(可以自己添加) // 一个类数组 var obj = { "0":'A', "1":"B", "...
  • JS中将对象转化为数组,数组对象

    千次阅读 2020-11-27 12:04:46
    我们都知道,JS对象有两种取值方式,通过在.后面直接加属性名取值,这也是我们最常使用的一种方式,例如: let obj = {name: 'wan'}; console.log(obj.name); //wan 这是最普通的一种方式,还有一种方式我们用...
  • ②把数组转化成 json对象,给每个值添加一个对应的键,并添加新的属性,例如添加 id属性。 let list = {0: "全部", 10: "预约", 20: "已到店", 40: "已缴意向金", 60: "已签约", 70: "中止"} var arr = [] for ...
  • Array.prototype.slice.call(arguments)可以数组 转化为真正的数组。面试中常常问到此,但是,为什么呢? 1 首先是Array同Object,Number等 都是一种数据类型的名字,同时Array又是构造函数,每个构造函数都有...
  • js把一个数组转化对象

    千次阅读 2020-03-13 16:53:09
    在项目中 遇到 以下格式转化
  • 今天有同事问我怎么讲js数组或者对象
  • JS数组对象、字符串之间的转换

    万次阅读 2019-11-08 09:27:19
    JS数组对象、字符串之间的转换 数组——字符串 1、数组转字符串 方法一:.toString()/String()(.toString()可以除了null和defined的数据类型都转化为字符串,可以转化进制字符串;String()可以null和...
  • JS数组转化为数组

    千次阅读 2019-04-09 11:25:47
    童鞋们在平时可能会遇到类数组Array-like,它和数组很像,但是就是没法用到数组的一些方法,真讨厌,所以我们通常要转换成数组才行。 一、什么是类数组ArrayLike? 兴趣先行,我们举一个比较经典的类数组(最经典的...
  • js中常用的操作之一就是对数组进行遍历,以及json与string之间的转化:var array = new Array(); array[0] = 1; array[1] ="aa"; array[2] = true; array[3] = {name:'zhoukai'};//第一种遍历方式,for循环 for(var i...
  • 数组就是像数组对象,其中包含有length属性。 按照索引方式存储数据 能调用数组的push,pop等方法 //例如: obj={ "0":"SillyBoy", "1":20, length:2 } 伪数组: <div> <p>111</p>...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 63,067
精华内容 25,226
关键字:

js将数组转化对象