javascript - Menggunakan localStorage untuk mencapai baris teratas jadual apabila diklik dan muat semula halaman untuk mengekalkan keadaan semasa

Question

Memandangkan sekurang-kurangnya 3 lajur nilai diperlukan untuk menentukan baris unik

Jadi idea saya ialah
1 Setiap kali anda mengklik butang atas, simpan nilai 3 lajur (setiap lajur mempunyai 1 kunci) dalam baris yang sepadan ke dalam localStorage, iaitu proses simpan
2 halaman , baca data setempat Selepas memperoleh data jadual, bandingkan tiga lajur setiap baris dengan data tempatan sedia ada

Idea di atas, sekarang masalah saya ialah:

Selepas berbilang klik, nilai kunci yang sepadan dengan setiap lajur harus lebih daripada satu
Saya tidak tahu penggunaan khusus gelung for

Answer 1

Malah, anda tidak perlu menyimpan setiap lajur sebagai Kunci Anda boleh menjadikan data tiga lajur ini menjadi objek JS, dan kemudian menyimpan nilai bertali dalam localStorage, contohnya:

.

var col_identifier = {
    col1: ...
    col2: ...
    col3: ...
};

localStorage.setItem('col_identifier', JSON.stringify(col_identifier));

Apabila menggunakannya, terus keluarkan nilai ini, kemudian analisis, kemudian keluarkan nilai col1、col2和col3 dan bandingkannya

var col_identifier = JSON.parse(localStorage.getItem('col_identifier') || '{}');

var col1 = col_identifier.col1 || '';
var col2 = col_identifier.col2 || '';
var col3 = col_identifier.col3 || '';

... // 下面就是对比表格数据了

Answer 2

Bolehkah saya menyemat berbilang baris? Jika ya, anda boleh menyimpan tatasusunan.

Saya rasa membandingkan 3 atribut adalah terlalu rumit Anda boleh memberikan setiap baris id unik, jadi anda hanya perlu melihat sama ada id itu sepadan.