Как сделать показ ключа из массива необязательным?

Question

[Айнур Ярулин]

Здравствуйте, у меня такая ситуация, вообщем мне нужно вернуть имя игрока, но оно не всегда есть, поэтому в консоль показывает ошибку и функция останавливается.

function findInArray(Y, X) {
   // Вот я ищу нужный объект в массиве по ключам Y и X. Мне нужно получить ключ player,
   // но поскольку он есть не всегда, то выводит ошибку, как сделать, чтобы при его отсутствии 
   // код продолжал работу?
   return allСlicks.find(k => k.Y == Y && k.X == X).player;
}

// примерно вот так выглядит массив:
[
0: {Y: 1, X: 1, player: "✖"}
1: {Y: 2, X: 5, player: "⚪"}
2: ...
]

Answer 1

[Alex]

allСlicks.find(k => k.Y == Y && k.X == X)?.player;
https://developer.mozilla.org/uk/docs/Web/JavaScri...

Comments

[Айнур Ярулин]

Спасибо, даже не знал про существование "?." , мне еще многое следует изучить

[Alex]

squadbrodyaga, Только посмотрите в каких браузерах поддерживается

[WbICHA]

squadbrodyaga, а лучше не смотреть и использовать бабель.

[Alex]

WbICHA, Нет, не лучше

[WbICHA]

Alex, почему?

[Alex]

WbICHA,

1. babel отличный инструмент. Но как и любой инструмент -- нужно понимать где он уместен. Использовать его по инерции на любом проекте глупо и вредно. Если автор делает какую-то демку, или тестовое задание, или пишет что-то, под электрон, или хз что... ему, скорее всего, нафиг babel не нужен, как и любой другой транспилятор как и система сборки и прочее.
   
2. Используя любую конструкцию языка ты должен понимать как она работает и где поддерживается. Я не говорю про то, что ты должен держать в голове полную таблицу совместимости, нет. Достаточно просто отложить в голове понимание, что вот эта фича относительно новая, и есть вероятность, что в экосистеме для которой автор пишет код, она не заработает.
   
3. Я глубоко убеждён, что если ты всё время, во всех проектах используешь транспилятор по типу babel, то ты не видишь самого языка. Ты не знаешь как на нём писать. Что ты будешь делать, когда ты, специалист с опытом в несколько лет, придёшь в компанию, за огромные деньги, а там экосистема с собственным компилятором JS в нативный код для мобильного приложения? И никакого babel, никакой транспиляции. Только строго определённый стандарт, скажем es2017.
   

Ещё раз, babel и аналоги -- это отличные инструменты, хорошо выполняющие свои задачи. Но специалист, должен разбираться в том, для чего они нужны и где их уместно применять, а не использовать по инерции, просто потому, что по другому не умеет.

[WbICHA]

Alex, не, ну доводы серьёзные (без сарказма). Как же хорошо, что я на беке...
Только вот с этим я не согласен:

если ты всё время, во всех проектах используешь транспилятор по типу babel, то ты не видишь самого языка.

Как минимум это камень в сторону тайпскрипта. Да и в целом "видеть весь жс" я даже не знаю зачем нужно. В разработке использовать устаревшие методы это, как правило, антипаттерн, а если вдруг надо разобрать старый код, то то, что будет непонятно, будет стремится к нулю, причём то, что непонятно, гуглится за минуту максимум. В общем, да, я не понимаю зачем это.
Просто высказал своё мнение на твоё мнение.)

Answer 2

[Петр]

Если мне не изменяет память, то find в случае неудачи вернет undefined.
Можете сделать проверку на undefined, обработать случай ошибки и код должен работать дальше.
Как вариант

Comments

[Айнур Ярулин]

Петр, типо вот так? (не работает)

function findInArray(Y, X) {
    let player = allСlicks.find(k => k.Y == Y && k.X == X).player;
    if (player != undefined) {
      return player
    } else {
      console.log('Игрок не найден')
    }
}

[Петр]

squadbrodyaga, Пока сочинял ответ, выше уже дали верный:)

Answer 3

[webdisigner]

function findInArray(Y, X) {
  return allClicks.find(k => k.Y == Y && k.X == X)?.player || 'игрок не найден';
}