Object.entries() 的使用

一：Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for.....in 循环遍历该对象时返回的顺序一致（区别在于for...in）循环还会枚举原型链中的属性.二：使用示例：const object1 = {a: 'somestring',b: 42};for (const [key, value] of Object.entries(object1)

一只害虫

18765人浏览 · 2021-05-07 15:31:05

一只害虫 · 2021-05-07 15:31:05 发布


一：Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，
其排列与使用   for.....in   循环遍历该对象时返回的顺序一致（区别在于for...in）
循环还会枚举原型链中的属性.

二：使用示例：



const object1 = {
  a: 'somestring',
  b: 42
};

for (const [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

// expected output:
// "a: somestring"
// "b: 42"
// order is not guaranteed



三：在reacr ant Ui中使用：（从新定义新的下拉组件）

 cons customerList=[

{text:'1'},

{text:'2'},

{text:'3'},

{text:'4'},

]



renderFormItem: (_, { type, defaultRender, ...rest }, form) => {

        if (type === 'form' || type === 'table') {

          // 返回新的组件

          let newList = []

          for (let [key, value] of Object.entries(customerList)) {

            newList.push({ key: key, label: value.text })

          }

          return <Select

            allowClear

            showSearch

            optionFilterProp='children'

            defaultValue={UpdateDate.serviceid}

          >

            {newList.map(function (item, index) {

              return <Select.Option key={index} value={item.key}>

                {item.label}

              </Select.Option>

            })}

          </Select>

        }

        return defaultRender(_);

      }