我有一个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]);
}
}
const cookies = 'key1=chocolate; key2=iceCream; key3=cookies;';
// convert string into array with split
const arrCookies = cookies.split('; '); // [ 'key1=chocolate', 'key2=iceCream', 'key3=cookies' ]
// split key value by equal sign
const arrArrCookiesKeyValue = arrCookies.map(cookie => [cookie.split('=')]); // [[['key1', 'chocolate']], ...']
// make an object with key value
const objectKeyValueCookies = {}; // { key1: 'chocolate', key2: 'iceCream', key3: 'cookies;' }
for (let arr of arrArrCookiesKeyValue) {
objectKeyValueCookies[arr[0][0]] = arr[0][1];
}
// find the key in object
const findValueByKey = (key = null, objectCookies) => objectCookies[key];
console.log(findValueByKey('key2', objectKeyValueCookies)); // chocolate
我知道这是一个老问题，但我也遇到过这个问题。只是为了记录，在开发者的mozilla网页中有一个小API。
你可以只使用JS获得任何名称的cookie。恕我直言，代码也更干净(除了很长的代码行，我相信您可以很容易地修改)。
function getCookie(sKey) {
if (!sKey) { return null; }
return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null;
}
如注释中所述，注意此方法假定键和值是使用encodeURIComponent()编码的。如果cookie的键和值没有被编码，则删除decode & encodeURIComponent()。
使用object.defineProperty
有了这个，您可以轻松地访问cookie
Object.defineProperty(window, "Cookies", {
get: function() {
return document.cookie.split(';').reduce(function(cookies, cookie) {
cookies[cookie.split("=")[0]] = unescape(cookie.split("=")[1]);
return cookies
}, {});
}
});
从现在起，你可以这样做:
alert( Cookies.obligations );
这也会自动更新，所以如果你改变了一个cookie, cookie也会改变。
其他一些使用正则表达式的答案中的方法并不涵盖所有情况，特别是:
当饼干是最后一块时。在这种情况下，cookie值后不会有分号。
当另一个cookie名称以正在查找的名称结束时。例如，您正在寻找名为“one”的cookie，而有一个名为“done”的cookie。
cookie名称中包含的字符在正则表达式中使用时不会被解释为字符本身，除非它们前面有反斜杠。
下面的方法可以处理这些情况:
function getCookie(name) {
function escape(s) { return s.replace(/([.*+?\^$(){}|\[\]\/\\])/g, '\\$1'); }
var match = document.cookie.match(RegExp('(?:^|;\\s*)' + escape(name) + '=([^;]*)'));
return match ? match[1] : null;
}
如果没有找到cookie，将返回null。如果cookie值为空，则返回空字符串。
注:
这个函数假设cookie名称是区分大小写的。
文档。cookie——当this出现在赋值的右侧时，它表示一个字符串，其中包含一个以分号分隔的cookie列表，这些cookie又是名称=值对。每个分号后面似乎都有一个空格。
String.prototype.match() -当没有找到匹配时返回null。找到匹配项时返回一个数组，索引[1]处的元素是第一个匹配组的值。
正则表达式
(?:xxxx) -组成不匹配的组。
^ -匹配字符串的开头。
| -为组分离可选模式。
\\s* -匹配一个分号后面跟着零个或多个空格。
= -匹配一个等号。
(xxxx) -组成匹配组。
[^;]* -匹配零个或多个分号以外的字符。这意味着它将匹配最大(但不包括)分号或字符串末尾的字符。
