对象键值对的形式 转换成对象组成数组的形式

比如说  const categoryProp = {食品:34,家居生活:23,运动户外:12}   转换成 [{name:食品,value:34},{name:家居生活,value:23},{name:运动户外,value:12}]的形式

const categoryPropXData = Object.keys(categoryProp || {});
const categoryPropYData = Object.values(categoryProp || {});

const newDataArr = [];
categoryPropXData.map((item, index) => {
      newDataArr.push({
        name: item,
        value: categoryPropYData[index],
      });
    });

JavaScript数组对象都有一些常用的方法。 1. 数组方法: - Array.unshift(): 将一个或多个元素添加到数组的开头,并返回数组。这会改变数组的长度。 - Array.isArray(): 用来判断一个对象是否为数组。如果是数组则返回true,否则返回false。 - Array.push(): 将一个或多个元素添加到数组的末尾,并返回新的数组长度。 - Array.pop(): 删除数组的最后一个元素,并返回被删除的元素。这会改变数组的长度。 - Array.shift(): 删除数组的第一个元素,并返回被删除的元素。这会改变数组的长度。 - Array.concat(): 将多个数组合并成一个新的数组。 - Array.toString(): 将数组转换为字符串形式。 - Array.join(): 将数组转换为字符串形式,可以设置元素之间的间隔。 - Array.splice(start, deleteCount, item): 在指定位置对数组进行增、删、改操作。可以删除数组中的元素、添加新的元素或替换数组中的元素。 - Array.slice(start, end): 返回指定起始下标到结束下标之间的子数组,原数组不受影响。 2. 对象方法: - Object.keys(): 返回一个由对象的所有可枚举属性组成数组。 - Object.values(): 返回一个由对象的所有可枚举属性值组成数组。 - Object.entries(): 返回一个由对象的所有可枚举属性键值对组成数组。 - Object.assign(target, ...sources): 用于将一个或多个源对象的所有可枚举属性复制到目标对象。 以上是一些常用的数组对象方法,可以根据需要选择合适的方法进行操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [常用js的数组方法和对象方法](https://blog.csdn.net/qq_44890872/article/details/103324937)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值