JavaScript：两个相等的字符串不相等

Question

我在学习如何设置和获取Cookie。 我有一个简单的表单，用户在其中设置cookie，然后尝试检索cookie值。 我将document.cookie字符串拆分为多个部分，并寻找与给定名称匹配的现有cookie名称。 当我找到所需的名称时，也许是"a" ，我有一个测试名称"a"和一个等于"a"的cookie片，但是它们并没有注册为相等的。

在表单中，输入“ a”，“ b”，设置的cookie形式的1和“获取cookie”形式的“ a”。 警报将显示我的意思。

下面和下面的代码： http : //plnkr.co/edit/Gy2uoEz1G5lYoub8oeE1?p=preview

我更喜欢jsfiddle，但它弄乱了cookie。

的index.html

<!doctype html>

    <html lang="en">
    <head>
      <meta charset="utf-8">

      <title>Cookie Test</title>
      <meta name="description" content="Cookie Test">

      <!--link rel="stylesheet" href="css/styles.css?v=1.0"-->

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

        <script src="cookie_test.js"></script>

        <script type="text/javascript">
          //$(document).ready(function(){alert("document ready");});
        </script>

    </head>

    <body>

        <form id="set-cookie-form">
        <fieldset>
                <legend>Set Cookie</legend>
                <label>Name</label>
                <input type="text" name="set-name" id="set-name" />
                <label>Value</label>
                <input type="text" name="set-value" id="set-value" />
                <label>Value</label>
                <input type="number" name="set-days" id="set-days" />
                <input type="button" name="set-cookie" id="set-cookie" value="Set Cookie" />
                <p>Cookie String: <span id="cookie-text"></span></p>
            </fieldset>
        </form>

        <form id="get-cookie-form">
            <fieldset>
                <legend>Get Cookie</legend>
                <label>Name</label>
                <input type="text" name="get-name" id="get-name" />
                <input type="button" name="get-cookie" id="get-cookie" value="Get Cookie" />
                <p>Cookie Value: <span id="cookie-value"></span></p>
            </fieldset>
        </form>

    </body>
    </html>

cookie_test.js

$(document).ready(function(){
    $('#set-cookie').on('click', function(){
        //alert("set cookie clicked");
        setCookie($('#set-name').val(), $('#set-value').val(), $('#set-days').val());
    });

    $('#get-cookie').on('click', function(){
        //alert("get cookie clicked");
        var value = getCookie($('#get-name').val());
        $('#cookie-value').text(value);
    });

});

function setCookie(name, value, num_days) {
    var cookie_text = name + "=" + value;
    var expires = "";
    if (num_days > 0) {
        var date = new Date();
        date.setTime(date.getTime() + (num_days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
    } else {
        expires = "";
    }
    cookie_text += expires + "; path=/";
    //alert(cookie_text);
    document.cookie = cookie_text;
    $('#cookie-text').text(cookie_text);
    //alert(document.cookie);
}

function getCookie(name) {
    //alert("get cookie " + name);
    var current_cookie = document.cookie;
    //alert("current cookie: " + current_cookie);
    var cookie_pieces = current_cookie.split(';');
    //alert(cookie_pieces[0]);
    for (var i = 0; i < cookie_pieces.length; i++) {
        //alert(cookie_pieces[i]);
        var key_val_pair = cookie_pieces[i].split("=");
        var current_key = key_val_pair[0];
        alert(
          "name="+name+";"+"type of name="+(typeof name)+";"
          +"current_key="+current_key+";"
          +"typeof current_key="+(typeof current_key)+";"
          +"(current_key==name)="+(current_key==name)
          );
        if (key_val_pair[0] == name) {
            alert("found it");
            $('#cookie-value').text(key_val_pair[1]);           
            return key_val_pair[1];
        }
    }
    return null;
}

function eraseCookie(name) {
    createCookie(name, "", -1);
}

Answer 1

仔细查看哪些alert(document.cookie)警报。 似乎它返回的字符串中的键值对通过分号（ ; ）和空格（ ）。 因此，您需要按此拆分。

如果不这样做，您的比较将如下所示，因为不会删除多余的空格：

'a' == ' a' // False!

您需要更改的只是这一行 ：

var cookie_pieces = current_cookie.split(';');

对此：

var cookie_pieces = current_cookie.split('; ');

http://plnkr.co/edit/WkBfD7pU10cMwJQxyIp0?p=preview

Answer 2

从运行开始，它一直在迭代过程中使用“ a”返回key_val_pair [0]的值，因此将其与“ a”进行比较时会失败。

我已通过添加空格替换来解决此问题，从而解决了您的问题。 而且我还像使用current_key一样固定了变量名，但是随后将if语句设置为（key_val_pair [0] == name），因此它不会使用新格式进行检查。

 function getCookie(name) { //alert("get cookie " + name); var current_cookie = document.cookie; //alert("current cookie: " + current_cookie); var cookie_pieces = current_cookie.split(';'); //alert(cookie_pieces[0]); for (var i = 0; i < cookie_pieces.length; i++) { //alert(cookie_pieces[i]); var key_val_pair = cookie_pieces[i].split("="); var current_key = key_val_pair[0].replace(" ", ""); alert( "name="+name+";"+"type of name="+(typeof name)+";" +"current_key="+current_key+";" +"typeof current_key="+(typeof current_key)+";" +"(current_key==name)="+(current_key==name) ); if (current_key == name) { alert("found it"); $('#cookie-value').text(current_key); return current_key; } } return null; }

JavaScript：两个相等的字符串不相等

问题描述

2 个解决方案

解决方案1
3 已采纳

解决方案2
1 2015-05-01 05:17:17

JavaScript：两个相等的字符串不相等

问题描述

2 个解决方案

解决方案1 3 已采纳

解决方案2 1 2015-05-01 05:17:17

解决方案1
3 已采纳

解决方案2
1 2015-05-01 05:17:17