通过localStorage实现表格点击行置顶 且刷新页面保持当前状态

Question

由于至少需要3列的值可以确定唯一的行所以我的思路是 1.每次点击置顶按钮的时候 将对应行的那3列（每列为1个key）的value存入localStorage，即save过程2.每次重新载入页面时，读取本地数据，在获取表格数据之后，每行的那3列都与存在本地数据对比，相等的就保持置顶如上的想法，现在我的问题所在：多次点击之后，每个列所对应的key的value应该不止一个 对比该如何进行for循环不太清楚具体用法

Answer 1

其实你不用每列为一个Key存储的，可以将这三列的数据做成一个JS对象，然后，将字符串化的值存入localStorage,比如：

var col_identifier = {

    col1: ...

    col2: ...

    col3: ...

};

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

用的时候直接取出这个值，然后解析，再取出col1、col2和col3的值，进行比对

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

var col1 = col_identifier.col1 || '';

var col2 = col_identifier.col2 || '';

var col3 = col_identifier.col3 || '';

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