क्रोम से मुझे हमेशा "अनकॉट सिंटेक्स त्रुटि: अप्रत्याशित टोकन यू" क्यों मिलता है?

Question

मैंने इस पर पूरे दिन बिताया है, गुगलिंग और उत्तर खोज रहे हैं लेकिन अभी भी पता नहीं लगा सका।

मेरा कोड थोड़ा लंबा है और यह फ़ायरफ़ॉक्स में अच्छी तरह से काम करता है लेकिन क्रोम से "अनचाहे सिंटेक्स त्रुटि: अप्रत्याशित टोकन यू" प्राप्त करता है।

क्या कोई मुझे बता सकता है कि मैं गलत हूं? अग्रिम में धन्यवाद!

// when the page loads, list all the current contacts 
$(document).ready(function(){ 

    // check if localStorage database exists 
    if(!localStorage.getItem("customerDatabase")){ 

     // define a JSON object to hold all current address 
     var contacts = { 
      "users":[ 
       { 
        "id":"1", 
        "name":"dennis", 
        "email":"dennisboys@gmail.com" 
       }, 
       { 
        "id":"2", 
        "name":"zoe", 
        "email":"zoeisfemale@gmail.com"    
       } 
      ] 
     } // end of contacts JSON object 

     // stringify the object 
     var stringObject = JSON.stringify(contacts);     

     // store it into localStorage database 
     var storedDatabase = localStorage.setItem("customerDatabase", stringObject);            

    } else { 
     // list all customers upon page loads 
     listJSONCustomers();   
    } 

    // list all current contacts from JSON object in localStorage 
    function listJSONCustomers(){ 

     var displayHTML = ""; 
     var i; 

     // get the data from localStorage 
     var storedDatabase = localStorage.getItem("customerDatabase"); 

     // parse the data from string to JSON object 
     var parseObject = JSON.parse(storedDatabase); 

     // access the users key of the JSON object 
     var userObject = parseObject.users; 

     // get the length of the object (how many customers the database has) 
     var contactsLength = userObject.length;  

     for(i=0; i<contactsLength; i++){ 
      var trElement = '<tr id="address' + (i+1) + '">'; 
      var tdId = '<td id="id' + (i+1) + '">' + userObject[i].id + '</td>'; 
      var tdName = '<td id="name' + (i+1) + '">' + userObject[i].name + '</td>'; 
      var tdEmail = '<td id="email' + (i+1) + '">' + userObject[i].email + '</td>'; 
      var tdButton = '<td id="button"><button id="editButton' + userObject[i].id + '">Edit</button> | <button id="deleteButton' + userObject[i].id + '">Delete</button></td>'; 

      displayHTML += trElement + tdId + tdName + tdEmail + tdButton + '</tr>'; 
     }  

     $('#address_list').html(displayHTML);   
    }  

    // add customer to database 
    $('#saveCustomer').click(function(){ 

     if($('#customerName').val() !== "" && $('#customerEmail').val() !== ""){ 

      var customerName = $('#customerName').val(); 
      var customerEmail = $('#customerEmail').val(); 

      // get the data from localStorage 
      var storedDatabase = localStorage.getItem("customerDatabase"); 

      // parse the data from string to JSON object 
      var parseObject = JSON.parse(storedDatabase);  

      // access the users key of the JSON object 
      var userObject = parseObject.users;  

      // get the new entry 
      var newCustomerObject = { 
            "id": userObject.length + 1, 
            "name": customerName, 
            "email": customerEmail 
            }; 

      // push the new entry into the object                
      userObject.push(newCustomerObject); 

      // convert the object into string for localStorage 
      var stringObject = JSON.stringify(parseObject);   

      // store the JSON object into localStorage 
      var storedDatabase = localStorage.setItem("customerDatabase", stringObject); 

      // list all customes again every time a database receives a new entry 
      listJSONCustomers();  

     } else { 
      alert("Please enter customer's name and email."); 
     } 

    }); // end of $('#saveCustomer').click(); 


}); 

Answer 1

कुछ बिंदु पर, कुछ आपको लगता है कि कुंजी के लिए अपने LocalStorage का मूल्य भ्रष्ट किया। लोकल स्टोरेज केवल तारों को स्टोर कर सकता है, इसलिए यदि आप इसे और कुछ भी पास करते हैं, तो यह इसे एक स्ट्रिंग में परिवर्तित कर देगा। के बाद से अपने मूल्य 'undefined' है, इसका मतलब है कि कुछ बिंदु पर, तो आप शायद दुर्घटना पर कुछ इस तरह किया:

var value; 
localStorage.setItem('key', value); 

इस मामले में, value जो एक स्ट्रिंग नहीं है undefined है। जब यह सहेजा जाता है, तो इसे परिवर्तित कर दिया जाएगा। दुर्भाग्यवश, "undefined" मान्य JSON नहीं है। इसका मतलब है कि जब यह पार्स करने की कोशिश करता है, तो यह अपवाद फेंक देगा।

अपनी समस्या को ठीक करने के लिए, आपको removeItem के साथ खराब मान को साफ़ करना चाहिए।

localStorage.removeItem("customerDatabase");