javascript - localStorage を使用して、クリックされたときにテーブルの一番上の行を取得し、ページを更新して現在の状態を維持します

Question

一意の行を決定するには少なくとも 3 つの列値が必要であるため

だから私のアイデアは
1です。上のボタンをクリックするたびに、対応する行の3つの列(各列に1つのキーがあります)の値をlocalStorageに保存する、つまり保存処理です
2. 毎回、初回ページリロード時にローカルデータを読み込み、テーブルデータ取得後、各行の3列を既存のローカルデータと比較し、等しい場合はそのまま保持します。上＃＃＃

上記のアイデアで、私の問題は次のとおりです:

複数回クリックすると、各列に対応するキーの値が複数になるはずです。比較方法
の具体的な使用法がわかりません。 for ループ

Answer 1

実際、各列をキーとして保存する必要はありません。これら 3 つの列のデータを JS オブジェクトに作成し、文字列化された値を localStorage に保存できます。例:

リーリー

使用する場合は、この値を直接取り出して分析し、col1、col2和col3の値を取り出して比較します

リーリー

Answer 2

複数の行を固定できますか? 「はい」の場合、配列を保存できます。

3 つの属性を比較するのは複雑すぎると思います。各行に一意の ID を与えることができるので、ID が一致するかどうかを確認するだけで済みます。