Witam,
załóżmy, że mam tablicę:
const x = [{
from: 0,
to: 100,
color: "red",
},
{
from: 100,
to: 200,
color: "blue"
}
]
i zmienną:
const a = 50
i teraz chciałbym sprawdzić, jaki kolor jej odpowiada na podstawie zakresu, w jakim się znajduje. Kolor wyjdzie czerwony, bo jest większa od 0 (from) i mniejsza od 100 (to).
w Scali bym napisał tak:
JavaScript x.filter(c => c.from <= a && a <c.to)
Jak znajdę czas to przepiszę do JSa
Update
const x = [{
from: 0,
to: 100,
color: "red",
},
{
from: 100,
to: 200,
color: "blue"
}
]
const a = 50
const color = x
.filter(c => c.from <= a && a < c.to)
.map(c => c.color)[0]
console.log(color)
Można tak:
const a = 50 ;
const x = [{
from: 0,
to: 100,
color: "red",
},
{
from: 100,
to: 200,
color: "blue"
}
]
let res = x.forEach ( (item)=>{
if ( ( a >= item.from ) && ( a <= item.to ) ){
console.log ( 'Element spełnia warunek', item );
}
} );
Lub tak:
<script>
const a = 50 ;
const x = [{
from: 0,
to: 100,
color: "red",
},
{
from: 100,
to: 200,
color: "blue"
}
]
let res = x.filter ( (item)=>{
if ( ( a >= item.from ) && ( a <= item.to ) ){
return true;
} else {
return false
}
} );
console.log ( 'Wynik:', res );
</script>
const color = x
.filter(c => c.from <= a && a < c.to)
.map(c => c.color)[0]
jeśli zależy nam tylko na pierwszym elemencie, można użyć .find zamiast .filter.
const color = x.find(c => c.from <= a && a < c.to).color;
jednak nawet używając .filter nie musimy używać map:
const color = x.filter(c => c.from <= a && a < c.to)[0].color;
find to to co mi zabrakło
Przepuściłem wasze propozycje przez testy wydajności i oczywiście wyszło, że
const color = x.find(c => c.from <= a && a < c.to).color;
jest najszybsze. Tego właśnie potrzebowałem dziękuję.
.forEach wrzuciłeś bezpośrednio wersję z console.log, co już samo w sobie obniża wydajność (console.log to straszny zamulator), poza tym to nie ma wiele sensu. Żeby wersja z forEach byłaby równoważna do innych opcji, to musiałaby "zwracać" wartość (np. można by zrobić let result przed wywołaniem forEach, a w handlerze forEach zamiast console.log ( 'Element spełnia warunek', item ); dać result = item. I tak będzie to niewydajne podejście, ale nie aż tak jak z console.log
Zarejestruj się i dołącz do największej społeczności programistów w Polsce.
Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.
if (condition) return true; else return falsezamiast po prostureturn condition