TypeScript: index signature is missing with ArrayLike interface

Question

I tried to use TypeScript built-in interface, ArrayLike, but still got the error message like following:

Error:(12, 11) TS2420: Class 'Point' incorrectly implements interface 'ArrayLike'. Index signature is missing in type 'Point'.

interface ArrayLike<T> {
    length: number;
    [n: number]: T;
}

class Point implements ArrayLike<number> {
    [0]: number = 10;
    length: number = 1;
}

How can I solve this problem? (or any workaround?)

Paleo · Accepted Answer · 2016-07-11 15:43:17Z

0

How to implement the interface ArrayLike:

class Point implements ArrayLike<number> {
    [n: number]: number;
    length: number = 1;
    [0]: number = 10;
}

let p = new Point()
p[23] = 34; // ok
p[23] = "34"; // Error: Type 'string' is not assignable to type 'number'

edited Jul 11, 2016 at 15:43

answered Jul 11, 2016 at 15:34

Paleo

24k5 gold badges74 silver badges84 bronze badges

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

1 Comment

Manu Chadha Over a year ago

Am I correct that in your answer [n: number]: number; is not required? So the correct implementation is class Point implements ArrayLike<number> { length: number = 1; [0]: number = 10; }

Nitzan Tomer · Accepted Answer · 2016-07-11 15:33:37Z

0

If you want your Point to be an array then why not just extending the Array class?

class Point extends Array<number> {
    // add Point array methods here
}

This way Point will implement the ArrayLike<number> interface automatically.

answered Jul 11, 2016 at 15:33

Nitzan Tomer

166k51 gold badges330 silver badges307 bronze badges

4 Comments

Paleo Over a year ago

Fyi, stackoverflow.com/questions/26700164/…

Nitzan Tomer Over a year ago

@Paleo Interesting, though I still haven't encountered any issues with extending the Array class. Also, why would you want to set the length of the array directly? It makes little sense.

Paleo Over a year ago

Sincerely, I don't know why to use the interface ArrayLike<T>. I just answered to the question. :s

DaeSeon Jeong Over a year ago

@Paleo I don't want to inherit all methods in Array due to the responsibility of the class.

Collectives™ on Stack Overflow

TypeScript: index signature is missing with ArrayLike interface

2 Answers 2

1 Comment

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related