84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
由于至少需要3列的值可以确定唯一的行
所以我的思路是 1.每次点击置顶按钮的时候 将对应行的那3列(每列为1个key)的value存入localStorage,即save过程2.每次重新载入页面时,读取本地数据,在获取表格数据之后,每行的那3列都与存在本地数据对比,相等的就保持置顶
如上的想法,现在我的问题所在:多次点击之后,每个列所对应的key的value应该不止一个 对比该如何进行for循环不太清楚具体用法
其实你不用每列为一个Key存储的,可以将这三列的数据做成一个JS对象,然后,将字符串化的值存入localStorage,比如:
var col_identifier = { col1: ... col2: ... col3: ... }; localStorage.setItem('col_identifier', JSON.stringify(col_identifier));
用的时候直接取出这个值,然后解析,再取出col1、col2和col3的值,进行比对
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 || ''; ... // 下面就是对比表格数据了
可以置顶多个行吗?是的话可以存一个数组。
感觉比较3个属性过于复杂了,可以给每行一个唯一的 id,这样只要看 id 是否匹配就可以。
其实你不用每列为一个Key存储的,可以将这三列的数据做成一个JS对象,然后,将字符串化的值存入localStorage,比如:
用的时候直接取出这个值,然后解析,再取出
col1
、col2
和col3
的值,进行比对可以置顶多个行吗?是的话可以存一个数组。
感觉比较3个属性过于复杂了,可以给每行一个唯一的 id,这样只要看 id 是否匹配就可以。