我有一个getter从cookie中获取值。
现在我有了两个cookie，名字分别是shares=和obligation =。
我想让这个getter只从义务cookie中获取值。
我怎么做呢?因此for语句将数据拆分为单独的值，并将其放入数组中。
function getCookie1() {
// What do I have to add here to look only in the "obligations=" cookie?
// Because now it searches all the cookies.
var elements = document.cookie.split('=');
var obligations= elements[1].split('%');
for (var i = 0; i < obligations.length - 1; i++) {
var tmp = obligations[i].split('$');
addProduct1(tmp[0], tmp[1], tmp[2], tmp[3]);
}
}
我会这样做:
function getCookie(cookie){
return cookie
.trim()
.split(';')
.map(function(line){return line.split(',');})
.reduce(function(props,line) {
var name = line[0].slice(0,line[0].search('='));
var value = line[0].slice(line[0].search('='));
props[name] = value;
return props;
},{})
}
这将以对象的形式返回cookie。
然后你可以这样调用它:
getCookie(document.cookie)['shares']
我是这样做的。这样我就有了一个对象来分隔值。有了这个，你可以把cookie传递给父节点，然后你可以通过键来访问你的值
var cookies=getCookieVal(mycookie);
alert(cookies.mykey);
function getCookieVal(parent) {
var cookievalue = $.cookie(parent).split('&');
var obj = {};
$.each(cookievalue, function (i, v) {
var key = v.substr(0, v.indexOf("="));
var val = v.substr(v.indexOf("=") + 1, v.length);
obj[key] = val;
});
return obj;
}
我写了一些可能很容易使用的东西，如果有人有什么要补充的，请随时这样做。
function getcookie(name = '') {
let cookies = document.cookie;
let cookiestore = {};
cookies = cookies.split(";");
if (cookies[0] == "" && cookies[0][0] == undefined) {
return undefined;
}
cookies.forEach(function(cookie) {
cookie = cookie.split(/=(.+)/);
if (cookie[0].substr(0, 1) == ' ') {
cookie[0] = cookie[0].substr(1);
}
cookiestore[cookie[0]] = cookie[1];
});
return (name !== '' ? cookiestore[name] : cookiestore);
}
使用
Getcookie() -返回一个包含网页上所有cookie的对象。
getcookie('myCookie') -从cookie对象返回cookie myCookie的值，否则如果cookie为空或未设置则返回undefined。
例子
// Have some cookies :-)
document.cookie = "myCookies=delicious";
document.cookie = "myComputer=good";
document.cookie = "myBrowser=RAM hungry";
// Read them
console.log( "My cookies are " + getcookie('myCookie') );
// Outputs: My cookies are delicious
console.log( "My computer is " + getcookie('myComputer') );
// Outputs: My computer is good
console.log( "My browser is " + getcookie('myBrowser') );
// Outputs: My browser is RAM hungry
console.log( getcookie() );
// Outputs: {myCookie: "delicious", myComputer: "good", myBrowser: "RAM hungry"}
// (does cookie exist?)
if (getcookie('hidden_cookie')) {
console.log('Hidden cookie was found!');
} else {
console.log('Still no cookie :-(');
}
// (do any cookies exist?)
if (getcookie()) {
console.log("You've got cookies to eat!");
} else {
console.log('No cookies for today :-(');
}
在我看来，你可以把cookie键值对分成一个数组，并基于你的搜索:
var obligations = getCookieData("obligations");
运行如下:
function getCookieData( name ) {
var pairs = document.cookie.split("; "),
count = pairs.length, parts;
while ( count-- ) {
parts = pairs[count].split("=");
if ( parts[0] === name )
return parts[1];
}
return false;
}
小提琴:http://jsfiddle.net/qFmPc/
或者甚至可能是以下内容:
function getCookieData( name ) {
var patrn = new RegExp( "^" + name + "=(.*?);" ),
patr2 = new RegExp( " " + name + "=(.*?);" );
if ( match = (document.cookie.match(patrn) || document.cookie.match(patr2)) )
return match[1];
return false;
}
一种避免在数组上迭代的方法是:
function getCookie(name) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
}
预排
如果字符串中不存在令牌，则通过令牌分割字符串将生成一个包含一个字符串(相同值)的数组;如果字符串中存在令牌，则生成一个包含两个字符串的数组。
第一个(左)元素是标记之前的字符串，第二个(右)元素是标记之后的字符串。
(注意:如果字符串以令牌开头，第一个元素为空字符串)
考虑到cookie的存储方式如下:
"{name}={value}; {name}={value}; ..."
为了检索特定的cookie值，我们只需要获取“;”之后的字符串;{name}=" and before next ";"。在进行任何处理之前，在cookie字符串前加上";，这样每个cookie名称，包括第一个，都包含“;And "=":
"; {name}={value}; {name}={value}; ..."
现在，我们可以先用";{name}="，如果token在一个cookie字符串中找到(即我们有两个元素)，我们将以第二个元素为以我们的cookie值开头的字符串结束。然后我们从数组中取出它(即pop)，并重复相同的过程，但现在使用“;”作为标记，但这次取出左边的字符串(即shift)以获得实际的标记值。
