数组和对象之间的类型转换

2 篇文章 0 订阅
1 篇文章 0 订阅
这篇博客介绍了如何在JavaScript中将数组转换为对象以及将对象转换回数组。通过使用`forEach`循环和`reduce`方法,我们可以方便地进行这两种转换。转换过程中,关键在于理解数组元素与对象属性之间的映射关系,并正确地使用数组方法或迭代来操作数据。
摘要由CSDN通过智能技术生成

 数组转对象

      		
       const arr = [{label: '男', value: 0},{label: '女', value: 1}]
	    function f(arr) {
  			    // 写代码
 		        // reduce
	     }
	   const obj = f(arr) // obj ===> {0: '男', 1:'女'}
  • 实现代码

        

const arr = [
  { label: '男', value: 0 },
  { label: '女', value: 1 }
]
function f(arr) {
  // 1. 先创建一个对象,因为要的结果是一个对象类型的
  const obj = {}

  // 2.遍历数组里的数据     因为对象里需要的值的数组里的数据
  arr.forEach(item => {

    // 3. obj[]  是给obj这个对象添加数据   item就是当前的对象    因为需要获取对象里的值 在之前用的是中括号[] 在这里我也用的是中括号

    // [] 和 . 的区别,[]可以访问变量,但是 . 不可以,所以这里必须用[]。不然的话相当于给对象添加了一个item的属性只能获取到字符串,并不能获取item里的值

    obj[item['value']] = item['label']

  })

  return obj

}

const obj = f(arr)
console.log(obj) // 输出 obj ===> {0: '男', 1:'女'}


对象转数组

const obj = { 0: '男', 1:'女'}

    function f(obj) {
		  // 写代码
	}

const arr = f(obj) // arr ===>  [{label: '男', value: 0},{label: '女', value: 1}]

  • 实现效果

		const obj = { 0: '男', 1: '女' }
		function f(obj) {

  		// 1. 先创建一个数组
  		const arr = []

  		// 2. for in 遍历对象
  		for (const key in obj) {

	    // console.log(key, obj[key]) 

	    // 3.插入数据   key是属性名   obj[key] 是值
	    //  都获取到了直接 调用数组的方法.push()插入数据即可

	    arr.push({lable: obj[key],value: key})
	  }

	  return arr
	}
	const arr = f(obj) 
	console.log(arr)// 输出arr === [{label: '男', value: 0},{label: '女', value: 1}]

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值