With the following code I get an error that the find() property not exist:
var foobar = [];
var bar = { value: 123 };
var foo = { value: 456 };
foobar.push(foo, bar);
console.log(foobar.find((obj) => obj.value === 123));
If I use the same code with javascript it works without problems.
Edit: Maybe a bit dirty workaround... You can cast foobar to any and so dodge the compiler error: console.log( (foobar as any).find((obj) => obj.value === 123));
Since TypeScript is a superset of JavaScript, all code should compile to plain JavaScript, so your code should work. If it doesn't for whatever reason, try TypeScript's filter() method instead of find():
foobar.filter(obj => obj.value === 123)[0];
filter requires iterating over every item, find doesn't.
I've checked this code. All works fine.
const bar = { value: 123 };
const foo = { value: 456 };
const foobar = [foo, bar];
console.log(foobar.find((obj) => obj.value === 123));
What is giving you the error? Is it your browser, your text editor, or the Typescript compiler?
If it's your browser, you need to change the target in your tsconfig.json. Try es5. Internet Explorer and Node 0.12 don't support Array.find.
If it's your text editor, you need to fix the editor settings. Which setting exactly will depend on the editor. You'll want to find the setting for your Javascript or Typescript language version and set it to es6 or above.
If it's the Typescript compiler... I don't actually know what could cause that. Perhaps a very old version of Typescript?
As far as I can tell, v5.4.5 doesn't choke on your code, so perhaps something changed. If you are running into this issue on older Typescript, and need a fix, you can use the following:
You have to specify the type of the array object:
var foobar = [];
var bar = { value: 123 };
var foo = { value: 456 };
foobar.push(foo, bar);
console.log(foobar.find((obj: {value:number}) => obj.value === 123));
