How To parseFloat() strings coming from an Observable? - arrays

Question

I have an issue trying to convert text to number for geoloc coordinates.
My model is: A site with Id etc... and an Array of points as a property. I decided not to create a relationship between site and points.
So in my code:
points is declared like this:
points: Array<any> = [];
rectangles is declared like this (an Array of Arrays):
rectangles: Array<Array<LatLngLiteral>> = [];
I am "looping" on sites for a particular customer and am building the Array called rectangles to show it on google map. rectangle is composed by as many as Arrays that sites are coming from the DB. Here I have two sites and the rectangle Array is:
rectangles : [[
[
{"lat":44.841225,"lng":-0.580036},
{"lat":44.842236,"lng":-0.64696},
{"lat":44.805615,"lng":-0.63084}
],
[
{"lat":44.819868,"lng":-0.582811},
{"lat":44.853709,"lng":-0.483573},
{"lat":44.80696,"lng":-0.53299},
{"lat":44.80696,"lng":-0.629078}
]]]
The code to retrieve it is:
this.customerApi.getSites(this.currentUser.id)
.subscribe(response => {
this.sites = response;
this.rectangles.push(this.sites.map(s => s.points));
});
}
Sites is like:
sites :
[
{
"siteName":"Site de Marseille",
"siteAdress1":"rue de blabla",
"siteAddress2":"string",
"siteCodPost":"13010",
"siteTown":"Marseille",
"points":
[
{"lat":44.841225,"lng":-0.580036},
{"lat":44.842236,"lng":-0.64696},
{"lat":44.805615,"lng":-0.63084}
],
"id":"5d0ce7c4a06b07213a87a753",
"companyId":"5cd430745304a21b9464a219",
"customerId":"5cd430c65304a21b9464a21a"`
}
,
{
"siteName":"Site de Bordeaux",
"siteAdress1":"rue de la Garonne",
"siteAddress2":"string",
"siteCodPost":"31000",
"siteTown":"Bordeau x",
"points":
[
{"lat":44.819868,"lng":-0.582811},
{"lat":44.853709,"lng":-0.483573},
{"lat":44.80696,"lng":-0.53299},
{"lat":44.80696,"lng":-0.629078}
],
"id":"5d0cf65fa06b07213a87a754",
"companyId":"5cd430745304a21b9464a219",
"customerId":"5cd430c65304a21b9464a21a"}]
The format of my rectangles array is good as another array like this with value hand written in the code show the rectangle on Google Map. Except maybe the number of square brackets ...
I think this comes from data format.
So I tried: points: Array<LatLngLiteral> = []; and it does not work.
I have no idea where I could use the parseFloat() method to try (if necessary).
Does any one have an precious idea to help me please?

Answer 1

Bonjour,
There is no float type in typescript so what you can do is to create a function that check for the content of any string and then convert it if this is a float as below:
getFloatValue(val) {
if (val.indexOf('.') > -1) {
try {
eval(val);
return parseFloat(val);
}
catch(error) {
console.log('error');
}
}
return val;
}
You can use this with each property of your object like this:
let lat = getFloatValue(rectangle[0].lat);