亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在打字稿中定義對象數組

在打字稿中定義對象數組

慕森王 2023-09-21 16:26:46
我想在打字稿中定義一個對象數組:const a = [{  name: 1,  age: 2,  car1: 8,  car2: 8,  car3: 8,  name4: 1,  age4: 2,  car41: 8,  car42: 8,  car34: 8,},{  name: 1,  age: 2,  car1: 8,  car2: 8,  car3: 8,  name4: 1,  age4: 2,  car41: 8,  car42: 8,  car34: 8,}]const fun = (obj: Array < object > ) => {  console.log(obj)}fun(a)就我而言,使用這種結構是正確的:obj: Array <object>或者我應該定義對象的每個鍵?
查看完整描述

3 回答

?
繁星淼淼

TA貢獻1775條經驗 獲得超11個贊

問題的解決方案取決于您想要編程的場景!。以下是您的代碼可能出現的一些情況。


定義一個對象并從中推斷其鍵。


const persons = [

  { name: "John", age: 12 },

  { name: "Ben", age: 20 }

];


const fun = (info: typeof persons) => {

  //You will get intellisense here

  console.log(info[0].name);

};

您想要具有固定鍵的對象,在這種情況下可以使用類型和接口。


interface IPerson {

  id?: string; // ID is optional (use of ? operator)

  name: string; // Name is Required

  age: number;

}


const persons: Array<IPerson> = [

  { name: "John", age: 12 },

  { name: "Ben", age: 20 }

];


// Both are same: Array<IPerson> === IPerson[]

const fun = (info: Array<IPerson>) => {

  //You will get intellisense here

  console.log(info[0].name);

};

您想要擁有具有固定鍵的對象,并且想要提供部分信息。


interface IPerson {

  id?: string; // ID is optional (use of ? operator)

  name: string; // Name is Required

  age: number;

}


const persons: Array<Partial<IPerson>> = [

  { name: "John" }, // You can do it.

  { name: "Ben", age: 20 }

];


// Both are same: Array<IPerson> === IPerson[]

const fun = (info: Partial<IPerson>[]) => {

  //You will get intellisense here

  console.log(info[0].name);

};

附加信息,Typescript 不支持運行時類型檢查,僅支持編譯時類型檢查。


對于運行時驗證,您可以按如下方式實現該函數:


const is_valid_person = (person: any): Boolean => {

  return (

    typeof person === "object" &&

    typeof person.name === "string" &&

    typeof person.age === "number" &&

    person.name.length >= 5 &&

    person.age >= 1

  );

};


console.log("Is person valid: ", is_valid_person({}));

console.log("Is person valid: ", is_valid_person("Invalid Person"));

我希望上述方法之一能夠解決您的問題。

就我而言,使用以下結構是正確的: obj: Array 或者我應該定義對象的每個鍵?

上述問題的答案是:

  • 您可以使用上面顯示的任何一種方法,因為 typescript 可以幫助您編寫更好的代碼并在編譯時減少錯誤。一旦你的程序被編譯,執行的代碼就是純 JavaScript。并且 JavaScript 不會驗證您的響應。

  • 上述所有模式都會生成相同的JavaScript代碼,因此不存在性能問題。


查看完整回答
反對 回復 2023-09-21
?
神不在的星期二

TA貢獻1963條經驗 獲得超6個贊

您可以創建自己的自定義對象類型:


type CustomObject = {

  name: number

  age: number

  car1: number

  car2: number

  car3: number

  name4: number

  age4: number

  car41: number

  car42: number

  car34: number

}


const arrayOfCustomObjects: CustomObject[] = [{

  name: 1,

  age: 2,

  car1: 8,

  car2: 8,

  car3: 8,

  name4: 1,

  age4: 2,

  car41: 8,

  car42: 8,

  car34: 8,

},

{

  name: 1,

  age: 2,

  car1: 8,

  car2: 8,

  car3: 8,

  name4: 1,

  age4: 2,

  car41: 8,

  car42: 8,

  car34: 8,

}

]


const fun = (objs: CustomObject[]) => {

    objs.forEach((obj) => {

        console.log(obj)

    })

}


fun(arrayOfCustomObjects)


查看完整回答
反對 回復 2023-09-21
?
狐的傳說

TA貢獻1804條經驗 獲得超3個贊

正如您在文檔中看到的,使用object可能有點懶。

假設數組中的所有對象都具有相同的屬性,您可以像這樣解決這個問題:

interface UserWithCars {

? name: number;

? age: number;

? // All other properties

}


const fun = (objectArray: Array<UserWithCars>): void => {

? console.log(objectArray);

}

如果所有對象都是同一類型,您甚至可以創建一個類(這應該是實際的方法):


class UserWithCars {

? name: number;

? age: number;

? // All other properties


? constructor(/* etc */) {

? ? // constructor operations

? }

}


const fun = (objectArray: Array<UserWithCars>): void => {

? console.log(objectArray);

}


查看完整回答
反對 回復 2023-09-21
  • 3 回答
  • 0 關注
  • 132 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號