Javascriptでcookieを使って閲覧履歴を実装

##Javascriptでcookieを使って閲覧履歴を実装
wordpress案件でcookieを使って閲覧履歴を実装しました。
遠回りをしてしまったのですが、最終的には配列を文字列化して対応しました。
そのメモです。

閲覧履歴:recent_view
1,クッキーrecent_viewの存在をチェック(indexOf)
2,なければ、配列recent_viewをつくって記事IDをいれる
3,あれば、配列にする(split)
4,重複チェック(indexOf)
5,重複してたら、それを削除(splice)
6,配列の先頭に記事IDを入れる(unshit)
7,配列recent_viewを文字列化(join)
8,クッキーrecent_viewに文字列を入れる

var allCookie = document.cookie;

$(function(){
	/* 閲覧履歴:recent_view */
	if (allcookie.indexOf('recent_view') == -1) { 
		var recent_view = [];
		recent_view.unshift('<?=get_post()->ID?>');

	} else { 
		var str = allcookie.replace(/(?:(?:^|.*;\s*)recent_view\s*\=\s*([^;]*).*$)|^.*$/, "$1");
		recent_view = str.split(',');

		var num = recent_view.indexOf('<?=get_post()->ID?>');
		if (num != -1) {
			recent_view.splice(num, 1);
		}
		recent_view.unshift('<?=get_post()->ID?>');
	}
	
	recent_view_str = recent_view.join(',');
	document.cookie = 'recent_view='+recent_view_str+';path=/';
	console.log(document.cookie);
});

あとは、phpの$_COOKIEで値を取得して配列に戻してループで利用します。

$recent_view = explode(',', $_COOKIE['recent_view']);
$recent_view = array_map('htmlspecialchars', $recent_view);
foreach($recent_view as $val){
	処理
}