let
productItemArr
=
[
]
this
.
productItemInfo
.
forEach
(
n
=>
{
productItemArr
.
push
(
{
name
:
Object
.
keys
(
n
)
[
0
]
,
namekey
:
n
[
Object
.
keys
(
n
)
[
0
]
]
console
.
log
(
productItemArr
)
打印的效果
"productItemInfo":[ { "字面颜色":"蓝色系/深蓝色" }, { "字边颜色":"金属色/拉丝银" }, { "光源颜色":"正白灯（6000k-7000k）" }, { "是否淋雨":"是" }, { "固定方式":"外脚码安装" } ], let productItemArr=[] this.productItemInfo.forEach
记录一下
获取
对象
的
属性
名目前用到的两种方法。1. v-for="value,key in object" 使用v-for
属性
来遍历
对象
的
属性
，object是被遍历的
对象
，value是遍历出的
属性
值
，key是遍历的
属性
名遍历的结果如下：2.Object.keys(
对象
名object)
输出结果为 ['name','age'] Object.values输出的则是
属性
值
.........
list: [
{ name: '迪丽热巴', department: '测试部门', dateTime: '2022-04-19 17:30', remark: '从昆明到大理', typeText: '0' },
{ name: '迪丽热巴', depa
const { data: res } = await this.$http.get('categories/' + this.cateId + '/attributes',
params: { sel: this.activeName }
if(res.meta.status !== 200) {
return this.$message.error('
获取
参数列表失败！')
前端必备技能之一,按需分类
有给的数据时候为了处理数据方便一些,后端给的数据可能不是我们想要的数据结构,这时候就需要你稍微做一点点的处理才能为自己所用
现在有这样一个
数组
,后端给的,
policyDtos: [{clazzType: 1, clazzTypeText: '限签', remark: '严格限签', sourceTypeText: '地区收集'},
{clazzType: 2, clazzTypeText: '限售', remark: '限售', sourceTy
let arr=[]
this.sphereBusinessData.forEach(item => {
const parent = arr.find(cur => cur.PORGNA_ID === item.PORGNA_ID)
if (parent) {
parent.childs.push(item)
} else {
const obj = {
PORGNA_ID: item.PORGNA_ID,
childs: [item]
需求：如图所示，此数据是一个个很规范的键
值
对，
属性
有value和name
如下图所示：另外一组数据有很多很多
属性
，现在要将该
数组
里面
的
属性
删至两个，只保留下图的’yjms’和’yl’，但是要将这两个
属性
名分别改为上图所示的value和name，即value=yl，name=yjms
实现步骤：
创建一个新的空
数组
使用for循环遍历如图一所示的
数组
给创建的空
数组
设置
属性
值
const newArr = [];//创建空
数组
for (let
很多时候因
对象
关联，前端只收到一个关联
对象
的ID，或者枚举
值
。这个如果后台不处理的话前端往往需要根据ID再去后台查询获得
对象
数据显示
对象
信息（一般显示name）。因此这是一个很常见的操作，所以我们可以封装一个组件，让组件自动帮我们去查询。
新建 GetModelInfo.
vue
文件
包含 fdId（要查询的ID）、url（后台接口路径）、show（显示的字段）、attributes（要查询的
属性
）
props: {
fdId: {
type: String,
