循环中的打字稿,遍历对象或数组的联合类型

时间:2020-04-12 00:47:15

标签: javascript typescript

我正尝试在对象或数组的联合类型上使用for in loop,因为数组也是对象,并且其键属性是索引。

const loopOver = (question: any[] | {[key: string]: any} ) => {
  for (let key in question) { // error ts 7053
    console.log(question[key])
  }
};

导致错误

Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'any[] | { [key: string]: any; }'.
  No index signature with a parameter of type 'string' was found on type 'any[] | { [key: string]: any; }'.ts(7053)

但是一旦删除联合类型并将其留给对象或数组,那么我就不会收到任何错误。

// okay
const loopOver = (question: {[key: string]: any} ) => {
  for (let key in question) {
    console.log(question[key])
  }
};
// okay
const loopOver = (question: any[] ) => {
  for (let key in question) { 
    console.log(question[key])
  }
};

tsconfig

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve"
  },
  "exclude": ["node_modules"],
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
}
package.json ^3.8.3

中的

ts版本

1 个答案:

答案 0 :(得分:1)

数组应使用数字而不是字符串建立索引。但是for..in迭代 strings -您的key是一个字符串。在数组上查找属性时,将字符串键强制转换为数字以使其起作用。 (但是在对象上查找属性时,由于对象使用[key: string]: any,因此必须继续使用字符串查找)

const loopOver = (question: [] | {[key: string]: any} ) => {
  for (let key in question) {
    if (Array.isArray(question)) {
      console.log(question[Number(key)])
    } else {
      console.log(question[key])
    }
  }
};

但是,从这段代码来看,您似乎根本根本不在乎键(并且for..in should not仍然可以与数组一起使用)。您只关心这些值,那么如何使用Object.values呢?

const loopOver = (question: [] | {[key: string]: any} ) => {
  for (const val of Object.values(question)) {
    console.log(val)
  }
};