How to check and change value of properties in object with typescript using loop?

Question

I've checked some answers related to iterating or looping through, which I've managed to do it, but the problem is, I can't change value of property.

Here's the code :

export interface BaseOnTotalPaidFields {
    groupName: string,
    minimumTotalPaid: string,
    havePointBonus: boolean,
    pointBonus: string,
    rewardType: string,
    rewardBonus: string,
    haveReward: boolean,
    rewardPeriod: string,
}
const editMode: ComputedRef<ClubDialogEditMode> = computed(() => store.state.serviceModule.clubDialogs.vipConfigurationDialog.editMode)

let data = editMode.value.form.groupFields as BaseOnTotalPaidFields
// Or
let data : BaseOnTotalPaidFields = editMode.value.form.groupFields as BaseOnTotalPaidFields

Object.entries(data).forEach(([key, value])=> {
    console.log(key)
    console.log(value)
    if (value == null) {
        // Below line giving error
        data[key]  =  ''
    }
})

Base on above code, I'm getting below error :

TS7053: Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'BaseOnTotalPaidFields'. No index signature with a parameter of type 'string' was found on type 'BaseOnTotalPaidFields'.

I've also tried below code and again, didn't worked :

  for (const [k, v] of Object.entries(data)) {
    // Same Error.
    data[key]  =  ''
  }

Tried a few more solutions base on search and didn't worked.

Damian Green · Accepted Answer · 2022-08-07 17:51:06Z

1

You could change the definition of your interface as follow : export interface BaseOnTotalPaidFields extends Record<string,any> {

Playground

answered Aug 7, 2022 at 17:51

Damian Green

7,5952 gold badges36 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Damian Green Over a year ago

Objects are index by string | number | symbol. This tells the compiler you'll never use any of those types to index it

Collectives™ on Stack Overflow

How to check and change value of properties in object with typescript using loop?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related