将css转为对象字段,JS 数组转对象

直接上代码:

一、简单数组,成员为字符串或数字

let arr_num = [1, 2, 3, 4] // 数字数组

// 对于字符串的 ['aa', 'bb', 'cc', 'dd'],同样适用

以下标index作为key

let obj_key = {}

arr_num.map(function (val, index) {

obj_key[index] = val

});

console.log('以下标index作为key', obj_key);

// 以下标index作为key { '0': 1, '1': 2, '2': 3, '3': 4 }

以值value作为key

let obj_val = {}

arr_num.map(function (val) {

obj_val[val] = val

});

console.log('以值value作为key', obj_val);

// 以值value作为key { '1': 1, '2': 2, '3': 3, '4': 4 }

二、数组成员为对象

let arr_obj = [

{

label: 'name',

value: '张三'

},

{

label: 'age',

value: '23'

}

];

let obj_obj = {};

arr_obj.map(item => {

obj_obj[item.label] = item.value;

})

console.log('数组对象组合', obj_obj);

// 数组对象组合 { name: '张三', age: '23' }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要合并一个对象数组,可以使用concat()方法将两个数组连接起来。首先,创建一个空数组作为结果数组。然后,使用concat()方法将要合并的数组与结果数组连接起来。通过这个操作,可以将两个数组中的元素合并成一个新的数组。以下是一个示例代码: ```javascript var array1 = [{name: "Alice", age: 25}, {name: "Bob", age: 30}]; var array2 = [{name: "Charlie", age: 35}, {name: "David", age: 40}]; var mergedArray = array1.concat(array2); // mergedArray: [{name: "Alice", age: 25}, {name: "Bob", age: 30}, {name: "Charlie", age: 35}, {name: "David", age: 40}] ``` 在这个示例中,array1和array2是要合并的对象数组。通过使用concat()方法,我们将array1和array2连接在一起,并将结果赋值给mergedArray。最终的mergedArray将包含两个数组中的所有元素。 需要注意的是,合并后的数组是一个全新的数组,原始的数组并不会发生改变。 参考资料: JavaScript Array concat() Method. (n.d.). Retrieved from https://www.w3schools.com/jsref/jsref_concat_array.asp<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [JS合并两个数组的3种方法详解](https://download.csdn.net/download/weixin_38677648/13674135)[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: 33.333333333333336%"] - *2* [JavaScript如何把两个数组对象合并过程解析](https://download.csdn.net/download/weixin_38569219/12934912)[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: 33.333333333333336%"] - *3* [一个简化的ERP管理系统示例代码,包含了常见的模块,包括HTML、CSS和JavaScript(附详细操作步骤).txt](https://download.csdn.net/download/weixin_44609920/88237534)[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: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值