美文网首页让前端飞Web前端之路前端开发笔记
js数组重组,数字类型到对象类型

js数组重组,数字类型到对象类型

作者: jia林 | 来源:发表于2018-11-15 18:37 被阅读2次

原数组

let arr = [16,2,7,4]

改变后数组

console.log(arr)     [ { id:16 } , { id:2} , {id:7} ,{id:4 }]

代码实例

var arr = [2, 3, 4];
var result = [];
for (let a = 0; a < arr.length; a++) {
  // 每循环一次创建一个对象
    var obj = {};
    // 利用自执行函数,解决闭包问题
    (function(i) {
        // 对象的key值等于原数组的索引值
        obj.key = arr[i];
        result.push( obj)
    }(a))


}
console.log(result);

优化操作

var arr = [2, 3, 4];
var data = arr.map((n)=>{
// 返回一个对象,map很强大
  return {id:n}
})
console.log(data);

相关文章

  • js数组重组,数字类型到对象类型

    原数组 改变后数组 代码实例 优化操作

  • js基础一(数据类型)

    一:js的数据类型有:数字,字符串,布尔,函数,对象(数组,json) 二:typeof判断数据类型 数字var ...

  • js对象数组的深拷贝方法以及其他方法

    js判断数据类型是否为对象 js判断数据类型是否为数组

  • 1.判定数据类型

    js数据类型: 字符串 数字 布尔 数组 对象 null undefined 出现undefined的情况: 1....

  • js常用的遍历方法

    js原生用法数组类型 输出如下: 对象类型 输出如下: 类数组类型 输出如下: jQuery中$.each()方法...

  • #JS#null&undefined

    JS的数据类型 字符串、数字、布尔、数组、对象、null、undefined undefined这个值表示变量不含...

  • js读书笔记

    js原始值类型 引用类型。对象与数组可以包含对象与数组,json的基础。装箱 拆箱值到引用与引用到值。闭包是根据定...

  • JavaScript 相关知识

    1.js的数据类型 基本类型:number string boolean 引用类型:对象 数组 特殊类型:null...

  • JavaScript中数组对象详解

    Array对象即数组对象用于在单个变量中存储多个值,JS的数组是弱类型的,所以允许数组中含有不同类型的元素,数组元...

  • [JavaScript] F.prototype=1

    js是区分引用类型和值类型的值类型:数值,布尔值,null,undefined引用类型:对象,数组,函数 (1)如...

网友评论

    本文标题:js数组重组,数字类型到对象类型

    本文链接:https://www.haomeiwen.com/subject/hagyfqtx.html