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

Question

[sinevik]

this.props.onGetReq(user, lastDate).then(result => {
                this.setState({
                    requests: [...requests, ...result],
                    trigger: true,
                    lastDate: result[4]._data.datetime
                });
            })

Подскажите пожалуйста. Как взять у массива (result) по-быстрому последний элемент?

Вот эта часть:
lastDate: result[4]._data.datetime
Мне нужна дата у последнего элемента

Answer 1

[Антон Спирин]

Метод здорового человека:
const lastElement = array[array.length - 1];

Методы курильщика:
const lastElement = [...array].pop();

const lastElement = array.slice(-1).pop();

const lastElement = array.slice(-1)[0];

Если надо не просто обратиться к последнему элементу, а при этом удалить его из массива:
const lastElement = array.pop();

Comments

[Александр]

Тот случай, когда хотел нажать "Нравится", но увидел const

[Антон Спирин]

Александр, у вас какое-то предвзятое отношение к оператору const? Обоснуйте.
По примеру автора видно, что он использует синтаксис ES6. А это значит, что использование const в данном кейсе наиболее оправдано, и соответствует современным стандартам и гайдлайнам.

[Ярослав Иванов]

Ох уж эти любители const, которые пихают всюду и везде.

Антон Спирин, и в чем отличия от var или let в данном контексте ?

[Александр]

Антон Спирин, const — объявляет константу. Как последний элемент массива может быть неизменяемым? Чем let не угодил, раз уж так радеете за синтаксис ES6?

[Антон Спирин]

Александр, если не переопределяете значение в коде, то по современным гайдлайнам следует использовать const, а не let. Текст по ссылке, что я привел, хоть почитали бы.

[Антон Спирин]

Ярослав Иванов, в том, что:
1. автор использует ES6
2. значение в моем примере не преопределятеся

Airbnb JavaScript Guideline

Как видите, нет ни одной объективной причины не использовать const. А по сему, претензия Александр звучит весьма странно. Как и ваша:

Ох уж эти любители const, которые пихают всюду и везде.

[Александр]

Антон Спирин, использование const в данном случае даже противоречит той самой инструкции по оформлению кода, в которой написано, что эксплуатировать эту конструкцию нужно или для указания констант (п 1.1), или для ссылок на объекты (п 2.1)

[Антон Спирин]

Александр, где там такое написано? Не придумывайте.
Там в примерах ясно дается понять, что если значение не переопределяется, то следует использовать const, а если переназначаестя следует использовать let. Более того, приведены ссылки на prefer-const :

If a variable is never reassigned, using the const declaration is better.
const declaration tells readers, “this variable is never reassigned,” reducing cognitive load and improving maintainability.

и на no-var.

Числовые и текстовые константы, если не помните, в JavaScript принято определять так:

const PI = 3.14;
const FETCH_SUCCESS = 'FETCH_SUCCESS';

Так же можете посмотреть туториал или документацию по React, хороший пример следования гайдлайнам.

[Александр]

Антон Спирин, в приведенном вами отрывке как раз и говорится о том, что я написал в первом комментарии. Более того, нигде не предлагал использовать var.
PS Глаголы "переопределять" и "переназначать" являются синонимами.

[Антон Спирин]

Александр, ваши слова:

использование const в данном случае даже противоречит той самой инструкции по оформлению кода

Ткните пальцем, где в этом тексте:

If a variable is never reassigned, using the const declaration is better.
const declaration tells readers, “this variable is never reassigned,” reducing cognitive load and improving maintainability.

или еще где бы то ни было по ссылке написано хоть, что нибудь подтверждающее ваши слова, которые я процитировал.

Повторюсь, не придумывайте. Использование const в моем примере, как раз в соответствует гайдлайну.

[Александр]

Антон Спирин, ваша проблема в том, что очень невнимательно читаете любую текстовую информацию.

[Антон Спирин]

Александр, ну во-первых, аd hominem.
Во-вторых, попробуйте хоть как-то обосновать хотя бы то, что вы сейчас написали, раз ничего не получилось с вашим предыдущим утверждением:

использование const в данном случае даже противоречит той самой инструкции по оформлению кода

К слову, я работал за свою практику в ряде крупных западных проектов. В последних мы везде использовали эти гайдлайны. Вы в подобном проекте с ESLint, конфигом airbnb и прекоммит проверкой, мой пример даже закоммитить не сможете если замените const на let.

Думаю, живой пример из IDE с подключенным ESLint и конфигом airbnb должен расставить все точки над i:

[Ярослав Иванов]

Антон Спирин,

1. автор использует ES6
2. значение в моем примере не преопределятеся

И-и-и ? ответ на вопрос где ?

[Антон Спирин]

Ярослав Иванов, отличие в том, что этот код написан по гайдлайнам. И помимо того, что это ответ на вопрос, это еще и пример хорошего кода написанного по современным стандартам. Поэтому претензии, мягко говоря, безосновательны.

[Ярослав Иванов]

Антон Спирин, Как Путин отвечаете. Вы сами не понимаете зачем тут const. Где четкий и понятный ответ. Зачем тут const ? в чем отличие от var или let ? не можете дать ответ так и напишите.

P.S. а правильный ответ - никакой разницы. И вообще const не нужны. Завтра добавять операторы spinner, gyroscooter, vape и вы все будете их спользовать потому что ES777 и это модно.

[Антон Спирин]

Ярослав Иванов, во-первых вы переходите на личности. Во-вторых вы не предоставили ни одного весомого аргумента почему в данном примере не надо использовать const, кроме аd hominem:

Ох уж эти любители const, которые пихают всюду и везде.

Ответ я дал: этот код написан по современным стандартам(airbnb, react community), которые я соблюдаю и использовать var или let было бы некорректно, так как это нарушает эти стандарты и не является хорошим примером для подражания.

P.S. а правильный ответ - никакой разницы. И вообще const не нужны.

Ваше сугубо субъективное мнение, с которым сообщество не считается и вряд ли будет.
Любой программист поработваший в больших проектах знает как prefer-const повышает читаемость и снижает когнитивную нагрузку. Поэтому это правило и добавили в гайдлайны.
В хороших современных фронтенд проектах вам придется либо переучиваться, либо не работать.

[Ярослав Иванов]

Антон Спирин, Во-первых я не переходил а лишь дал сравнение, которое нее является оскорбительным. Во-вторых я уже не вижу смысла продолжать диалог после вашего ответа: "Зачем тут const ? а зачем тут НЕ conts ?". Очень хороший аргумент.

P.S. и как всегда ответа я не услышал. Задайте себе вопрос. Почему ?

[Антон Спирин]

Ярослав Иванов, переход на личности это не обязательно оскорбление.
Задаем вопрос: почему?
Цитируем мой прошлый комментарий с добавлением потому что:

потому что этот код написан по современным стандартам(airbnb, react community), которые я соблюдаю и использовать var или let было бы некорректно, так как это нарушает эти стандарты и не является хорошим примером для подражания.

[sinevik]

Не думал что тут такой спор разгорится))) Мое скромное мнение начинающего программиста, я поддерживаю Антона Спирина. На мой взгляд аргумент про стандарт "airbnb, react communit" очень вразумительный. Хотя бы потому, что стандарты облегчают чтение кода, систематизируют работу программистов(мне как новичку это очень нужно). А вот логика остальных участников дискуссии мне как раз и напоминает Путина. Делать все через одно место...., как придется. В итогу кто то делает мерседес, а кто то ладу калину. Конечно, принципиальной разницы нет, но когда такого кода миллионы страниц, где каждый пишет как хочет, могут возникнуть реальные трудности

[Ярослав Иванов]

sinevik, Антон Спирин, Ребят, на первом уроке по JS объясняют, что константы это абстрактное понятие и для выделение их в коде пишут большими буквами (COLOR_RED). Оператор const никакую нагрузку не несет.

Стандарт какой-то привели. Это может быть стандарт внутри компании. Причем он тут вообще ?

А хотя я услышал уже ответ от Антон Спирин, который он даже выделил

Зачем тут const ?

Потому что

[Антон Спирин]

Ярослав Иванов,

А хотя я услышал уже ответ от Антон Спирин, который он даже выделил

Свой ответ я продублировал в двух последних комментариях, если вы его не заметили, значит не захотели.

Стандарт какой-то привели. Это может быть стандарт внутри компании. Причем он тут вообще ?

Это самый популярный гайдлайн по JS в интернете. Его используют тысячи компаний.
Причем правило prefer-const используется не только в этом гайдлайне. Странно, что вы не слышали, ни о гайдлайнах, ни о ESLint.

Оператор const никакую нагрузку не несет.

en: const declaration tells readers, “this variable is never reassigned,” reducing cognitive load and improving maintainability.

ru: объявление const говорит читающим: "эта переменная не будет переопределена", что снижает когнитивную нагрузку и повышает поддерживаемость.

[sinevik]

А где можно почитать про этот стандарт, и как правильно его настраивать?

[Антон Спирин]

sinevik, это гайдлайн.
https://github.com/airbnb/javascript
Перевод
Можно добавить в проект ESLint, Prettier и конфиги Airbnb, но это больше имеет смысл если вы работаете в команде. Эти инструменты вынуждают красиво оформлять код и писать его в одном стиле по гайдлайнам, что очень ускоряет разработку, так как code review и анализ чужого кода в работе происходят гораздо быстрей. Сама кодовая база гораздо легче поддерживается.

Answer 2

[longclaps]

Хотите удобства - пользуйтесь библиотечкой lodash:
var x = _.last([1, 2, 3]);
там много плюшек.