Можете ли вы навсегда добавить массив в Javascript?

Question

Простите меня, я очень новичок в программировании вообще, особенно Javascript. В основном я получил массив, как показано ниже.

var recipes = [ 
    { "recipeName":"Recipe1" , "ingredient1":"Recipe1Ingredient1" , "ingredient2":"Recipe1Ingredient2" , "ingredient3":"Recipe1Ingredient3"}, 
    { "recipeName":"Recipe2" , "ingredient1":"Recipe2Ingredient1" , "ingredient2":"Recipe2Ingredient2" , "ingredient3":"Recipe2Ingredient3"}, 
]; 

На одной странице пользователи могут искать рецепты. С другой стороны, они могут добавлять рецепты в массив через HTML-форму. У меня есть следующее, которое подталкивает новые данные к массиву.

recipes.push({"recipeName":newRecipeName , "ingredient1":newIngredient1 , "ingredient2":newIngredient2 , "ingredient3":newIngredient3}); 

Это прекрасно работает на начальном этапе, но если я обновить страницу или вернуться на страницу находят, новый рецепт удаляется из массива. Я хочу, чтобы новый рецепт постоянно добавлялся в массив.

Я предполагаю, что решение для этого не так просто, но я искал это некоторое время и много сделал для поиска. Может ли кто-нибудь указать мне в правильном направлении? Снова извиняюсь за мою неопытность, я очень новичок в программировании.

Answer 1

Главное, что вам нужно помнить, что каждый раз, когда страница обновляется, она не знает данных, которые были на предыдущей странице. Как упоминалось в a previous comment, постоянное хранилище - это то, что вы ищете. Это может быть сделано в виде полнофункциональной (NoSQL/RDBMS) базы данных или в некоторой другой полупостоянной форме, хранящейся только в браузере.

Вы можете либо начать использовать полнофункциональную базу данных, либо если хотите что-то более легкое, вы можете использовать local storage или cookies. Следует отметить, что, если вы не реализуете что-то на стороне сервера, например: база данных, изменения будут постоянными только для пользователя и только до тех пор, пока они не очистят кеш.