数组对象拼串

数组对象拼串

var objs = [
	{
    
		"id": 445,
		"pubId": 22,
		"propName": "MQ类型",
		"propCode": "mqType",
		"defaultValue": "1",
		"memo": ""
	}, {
    
		"id": 446,
		"pubId": 22,
		"propName": "MQ主题",
		"propCode": "mqTopic",
		"defaultValue": "",
		"memo": ""
	}
]

   // 拼串生成 {"MQ类型":"mqType","MQ主题":"mqTopic"}
// var idsStr = objs.map(function(obj,index){
    
// return obj.propName + ":" + obj.propCode
// }).join(",")
// console.log(idsStr)
const res = {
    }
objs.forEach(e => {
    
	res[e.propName]=e.propCode
})
console.log(res)

var parameters = {
    
		"同步终端类型": "dbVender",
		"dubbo地址": "dubboRegistryAddr"
	}
/* 目标数据格式： [ { "propName": "同步终端类型", "propCode": "dbVender", }, { "propName": "dubbo地址", "propCode": "dubboRegistryAddr", } ] */
  let brr = []
  for (let key in parameters) {
    
  	brr.push({
    
	'propName': key,
	'propCode': parameters[key]
  })
 }
 console.log(brr)
 
 // 用于新增一行表单数据
 var temp = {
    
  'propName': '',
  'propCode': ''
 }
 brr.push(temp)
 console.log(brr)

这个用于下拉框select时，默认只有id，但是还想获取name时用。

var type = [
	{
    
		"id": 19,
		"pubName": "数据库",
		"pubClazz": "12334",
		"memo": "数据库1"
	},
	{
    
		"id": 21,
		"pubName": "数据中心",
		"pubClazz": "343234",
		"memo": "数据中心2"
	},
	{
    
		"id": 22,
		"pubName": "Kafka管道",
		"pubClazz": "5677",
		"memo": "kafka"
	}
]
var id = 19
type.forEach(e => {
    
	if (e.id === id) {
    
		console.log(e.pubName)
	}
})

拿到的一个number值，要转换为数组[ ]显示。

// html, 当前拿到的dtsTaskDo.taskType是一个 1-9 的 number值
<FormItem prop="dtsTaskDo.taskType" label="任务类型" multiple>
 <Select v-model="currentType" multiple @on-change="get_num">
   <Option v-for="item in dtsTaskTypes" :value="item.value" :label="item.label" :key="item.value"></Option>
 </Select>
</FormItem>

// 方法1
let map = {
    
  '1': [1],
  '2': [2],
  '3': [1, 2],
  '4': [4],
  '5': [1, 4],
  '6': [2, 4],
  '7': [1, 2, 4]
}
this.currentType = map[this.form.dtsTaskDo.taskType]

// 方法2
// switch (this.form.dtsTaskDo.taskType) {
    
// case 1:
// this.currentType = [1]
// break
// case 2:
// this.currentType = [2]
// break
// case 3:
// this.currentType = [1, 2]
// break
// case 4:
// this.currentType = [4]
// break
// case 5:
// this.currentType = [1, 4]
// break
// case 6:
// this.currentType = [2, 4]
// break
// case 7:
// this.currentType = [1, 2, 4]
// break
// default:
// break
// }


// 其中下拉的值为：
DTS_TASK_TYPES = [
 // 1: 全量 2: 增量 4: 比对 (如果为组合，则进行相加，顺序为 全量 -> 增量 -> 比对)
 // {
    
 // label: '存量增量',
 // value: 3
 // },
 {
    
   label: '存量迁移',
   value: 1
 },
 {
    
   label: '增量同步',
   value: 2
 },
 {
    
   label: '数据比对',
   value: 4
 }
]

同上，拿到的任务类型值为 1-9 的number 值，需要在表格中显示为拼串后的label值。

let taskTypeLabel = ''
const taskTypeArray = {
    
      1: [1],
      2: [2],
      3: [1, 2],
      4: [4],
      5: [1, 4],
      6: [2, 4],
      7: [1, 2, 4]
    }
	// 方法一 n+n
    let temp = {
    }
    DTS_TASK_TYPES.forEach(element => {
    
        temp[element.value] = element.label
    })
    console.log(temp)
    taskTypeLabel = taskTypeArray[params.row.taskType].map((v, i, arr) => {
    
      return temp[v]
    }).join('/')

	// 方法二 n*n
    // taskTypeLabel = taskTypeArray[params.row.taskType].map((v, i, arr) => {
    
    // for (const element of DTS_TASK_TYPES) {
    
    // if (element.value === v) {
    
    // return element.label
    // }
    // }
    // }).join('/')