js使用cookie记录数组array数据，记录多条历史，最新的排前面

最新推荐文章于 2025-10-18 14:12:15 发布

原创最新推荐文章于 2025-10-18 14:12:15 发布 · 208 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #cookie #数组 #array #历史

js 专栏收录该内容

39 篇文章

订阅专栏

本文介绍了使用JavaScript操作Cookie及数组扩展的方法，包括添加、修改、查询、删除Cookie，以及为String和Array添加常用方法。重点展示了如何实现Cookie中历史数据的管理与页面展示。

js添加、修改、查询、删除cookie

http://happyqing.iteye.com/blog/2289730

js扩展String添加startWith方法，endWith方法
http://happyqing.iteye.com/blog/2289705

js扩展Array添加indexOf方法，remove方法,删除元素
http://happyqing.iteye.com/blog/2289707

数据格式 accountHistory=13100000001|13100000002|13100000003

添加历史到cookie

//充值账号历史
function setCookieArray(c_name, value, expireTimes){
	var cookie = getCookie(c_name);
	var cookieArr = cookie.split("|");
	cookieArr.remove(value); //删除老元素
	cookieArr.unshift(value); //在头部添加
	if(cookieArr.length>3){	//删除太多的元素
		cookieArr.pop();	
	}
	cookie = cookieArr.join("|"); //转成字符串
	if(cookie.endWith("\\|")){	//删除最后的分隔符
		cookie = cookie.substring(0, cookie.length-1);
	}
	setCookie(c_name, cookie, expireTimes);
}

从cookie查询历史数据

//添加历史数据到页面元素
function addHistory(c_name, objId) {
	var cookie = getCookie(c_name);
	var cookieArr = cookie.split("|");
	for (var i = 0; i < cookieArr.length && i < 3; i++) {
		if(cookieArr[i].length>0){
			$("#" + objId).append('<li  class="phone">' + cookieArr[i] + '</li>');
		}
	}
}

JavaScript Array 对象

http://www.w3school.com.cn/jsref/jsref_obj_array.asp