Uncaught SyntaxError: jeton inattendu avec JSON.parse

qu'est-ce qui cause cette erreur sur la troisième ligne?

var products = [{
  "name": "Pizza",
  "price": "10",
  "quantity": "7"
}, {
  "name": "Cerveja",
  "price": "12",
  "quantity": "5"
}, {
  "name": "Hamburguer",
  "price": "10",
  "quantity": "2"
}, {
  "name": "Fraldas",
  "price": "6",
  "quantity": "2"
}];
console.log(products);
var b = JSON.parse(products); //unexpected token o

^{Ouvrez la console pour afficher l'erreur}

productsest un objet. (création à partir d'un objet littéral)

JSON.parse()est utilisé pour convertir une chaîne contenant une notation JSON en un objet Javascript.

Votre code transforme l'objet en une chaîne (en appelant .toString()) afin d'essayer de l'analyser en tant que texte JSON.
La valeur par défaut .toString()renvoie "[object Object]", qui n'est pas un JSON valide; d'où l'erreur.

Disons que vous savez que c'est du JSON valide mais que vous obtenez toujours ceci ...

Dans ce cas, il est probable qu'il y ait des caractères cachés / spéciaux dans la chaîne de n'importe quelle source que vous les obtenez. Lorsque vous les collez dans un validateur, ils sont perdus - mais dans la chaîne, ils sont toujours là. Ces caractères, bien qu'invisibles, se briserontJSON.parse()

S'il ss'agit de votre JSON brut, nettoyez-le avec:

// preserve newlines, etc - use valid JSON
s = s.replace(/\\n/g, "\\n")  
               .replace(/\\'/g, "\\'")
               .replace(/\\"/g, '\\"')
               .replace(/\\&/g, "\\&")
               .replace(/\\r/g, "\\r")
               .replace(/\\t/g, "\\t")
               .replace(/\\b/g, "\\b")
               .replace(/\\f/g, "\\f");
// remove non-printable and other non-valid JSON chars
s = s.replace(/[\u0000-\u0019]+/g,""); 
var o = JSON.parse(s);

Il semble que vous vouliez stringifier l'objet. Alors fais ceci:

JSON.stringify(products);

La raison de l'erreur est que JSON.parse()s'attend à une Stringvaleur et productsest un Array.

Remarque: je pense qu'il tente json.parse('[object Array]')ce qui se plaint qu'il ne s'attendait pas à un jeton oaprès [.

J'ai trouvé le même problème avec JSON.parse(inputString).

Dans mon cas, la chaîne d'entrée provient de la page de mon serveur [méthode de retour d'une page] .

J'ai imprimé le typeof(inputString)- c'était une chaîne, l'erreur se produit toujours.

J'ai aussi essayé JSON.stringify(inputString), mais cela n'a pas aidé.

Plus tard, j'ai trouvé que c'était un problème avec l'opérateur de nouvelle ligne [\n], à l'intérieur d'une valeur de champ.

J'ai fait un remplacement [avec un autre caractère, remettre la nouvelle ligne après l'analyse] et tout fonctionne bien.

JSON.parse attend une chaîne en paramètre. Vous devez stringifier votre objet JSON pour résoudre le problème.

products = [{"name":"Pizza","price":"10","quantity":"7"}, {"name":"Cerveja","price":"12","quantity":"5"}, {"name":"Hamburguer","price":"10","quantity":"2"}, {"name":"Fraldas","price":"6","quantity":"2"}];
console.log(products);
var b = JSON.parse(JSON.stringify(products));  //solves the problem

products = [{"name":"Pizza","price":"10","quantity":"7"}, {"name":"Cerveja","price":"12","quantity":"5"}, {"name":"Hamburguer","price":"10","quantity":"2"}, {"name":"Fraldas","price":"6","quantity":"2"}];

changer en

products = '[{"name":"Pizza","price":"10","quantity":"7"}, {"name":"Cerveja","price":"12","quantity":"5"}, {"name":"Hamburguer","price":"10","quantity":"2"}, {"name":"Fraldas","price":"6","quantity":"2"}]';

Vous devez valider votre chaîne JSON ici .

Une chaîne JSON valide doit avoir des guillemets doubles autour des clés:

JSON.parse({"u1":1000,"u2":1100})       // will be ok

S'il n'y a pas de guillemets, cela provoquera une erreur:

JSON.parse({u1:1000,u2:1100})    
// error Uncaught SyntaxError: Unexpected token u in JSON at position 2

L'utilisation de guillemets simples provoquera également une erreur:

JSON.parse({'u1':1000,'u2':1100})    
// error Uncaught SyntaxError: Unexpected token ' in JSON at position 1

S'il y a des espaces de début ou de fin, ce sera invalide. Les espaces de fin / de tête peuvent être supprimés comme

mystring = mystring.replace(/^\s+|\s+$/g, "");

Source: http://www.toptip.ca/2010/02/javascript-trim-leading-or-trailing.html

[
  {
    "name": "Pizza",
    "price": "10",
    "quantity": "7"
  },
  {
    "name": "Cerveja",
    "price": "12",
    "quantity": "5"
  },
  {
    "name": "Hamburguer",
    "price": "10",
    "quantity": "2"
  },
  {
    "name": "Fraldas",
    "price": "6",
    "quantity": "2"
  }
]

Voici votre Json parfait que vous pouvez analyser.

Voici une fonction que j'ai créée sur la base des réponses précédentes: elle fonctionne sur ma machine mais YMMV.

          /**
             * @description Converts a string response to an array of objects.
             * @param {string} string - The string you want to convert.
             * @returns {array} - an array of objects.
            */
            function stringToJson(input) {
              var result = [];

              //replace leading and trailing [], if present
              input = input.replace(/^\[/,'');
              input = input.replace(/\]$/,'');

              //change the delimiter to 
              input = input.replace(/},{/g,'};;;{');

              // preserve newlines, etc - use valid JSON
              ///programming/14432165/uncaught-syntaxerror-unexpected-token-with-json-parse
            input = input.replace(/\\n/g, "\\n")  
            .replace(/\\'/g, "\\'")
            .replace(/\\"/g, '\\"')
            .replace(/\\&/g, "\\&")
            .replace(/\\r/g, "\\r")
            .replace(/\\t/g, "\\t")
            .replace(/\\b/g, "\\b")
            .replace(/\\f/g, "\\f");
            // remove non-printable and other non-valid JSON chars
            input = input.replace(/[\u0000-\u0019]+/g,""); 

              input = input.split(';;;');

              input.forEach(function(element) {
                // console.log(JSON.stringify(element));

                result.push(JSON.parse(element));
              }, this);

              return result;
            }

Un autre piège qui peut entraîner une "SyntaxError: Unexpected token"exception lors de l'appel JSON.parse()utilise l'un des éléments suivants dans les valeurs de chaîne:

1. Caractères de nouvelle ligne.

2. Onglets (oui, des onglets que vous pouvez produire avec la touche Tab!)

3. Toute barre oblique autonome \(mais pour une raison quelconque /, du moins pas sur Chrome.)

(Pour une liste complète, voir la section String ici .)

Par exemple, ce qui suit vous obtiendra cette exception:

{
    "msg" : {
        "message": "It cannot
contain a new-line",
        "description": "Some discription with a     tabbed space is also bad",
        "value": "It cannot have 3\4 un-escaped"
    }
}

Il devrait donc être remplacé par:

{
    "msg" : {
        "message": "It cannot\ncontain a new-line",
        "description": "Some discription with a\t\ttabbed space",
        "value": "It cannot have 3\\4 un-escaped"
    }
}

Ce qui, je devrais dire, le rend assez illisible au format JSON uniquement avec une plus grande quantité de texte.

Lorsque vous utilisez la méthode POST ou PUT, assurez-vous de stringifier la partie du corps.

J'ai documenté un exemple ici https://gist.github.com/manju16832003/4a92a2be693a8fda7ca84b58b8fa7154

Espérons que cela aide quelqu'un d'autre.

Mon problème était que j'avais commenté du HTML dans une fonction de rappel PHP via AJAX qui analysait les commentaires et renvoyait un JSON invalide.

Une fois que j'ai supprimé le HTML commenté, tout allait bien et le JSON a été analysé sans problème.

products est un tableau qui peut être utilisé directement:

var i, j;

for(i=0;i<products.length;i++)
  for(j in products[i])
    console.log("property name: " + j,"value: "+products[i][j]);

Maintenant , semble - t - \r, \b, \t, \f, etc ne sont pas les caractères seulement problématiques qui peuvent vous donner cette erreur.

Notez que certains navigateurs peuvent avoir des exigences supplémentaires pour la saisie de JSON.parse.

Exécutez ce code de test sur votre navigateur:

var arr = [];
for(var x=0; x < 0xffff; ++x){
    try{
        JSON.parse(String.fromCharCode(0x22, x, 0x22));
    }catch(e){
        arr.push(x);
    }
}
console.log(arr);

En testant sur Chrome, je vois qu'il ne permet pas JSON.parse(String.fromCharCode(0x22, x, 0x22));où xest 34, 92 ou entre 0 et 31.

Les caractères 34 et 92 sont respectivement les caractères "et \, et ils sont généralement attendus et correctement échappés. Ce sont les caractères 0 à 31 qui vous poseraient des problèmes.

Pour faciliter le débogage, avant de le faire JSON.parse(input), vérifiez d'abord que l'entrée ne contient pas de caractères problématiques:

function VerifyInput(input){
    for(var x=0; x<input.length; ++x){
        let c = input.charCodeAt(x);
        if(c >= 0 && c <= 31){
            throw 'problematic character found at position ' + x;
        }
    }
}

Pourquoi avez-vous besoin de JSON.parse? C'est déjà dans un tableau de format objet.

Mieux vaut utiliser JSON.stringify comme ci-dessous: var b = JSON.stringify(products);

Cela peut vous aider.

Oh mec, les solutions dans toutes les réponses ci-dessus fournies jusqu'à présent n'ont pas fonctionné pour moi. J'ai eu un problème similaire tout à l'heure. J'ai réussi à le résoudre avec un emballage avec le devis. Voir la capture d'écran. Whoo.

Original:

var products = [{
  "name": "Pizza",
  "price": "10",
  "quantity": "7"
}, {
  "name": "Cerveja",
  "price": "12",
  "quantity": "5"
}, {
  "name": "Hamburguer",
  "price": "10",
  "quantity": "2"
}, {
  "name": "Fraldas",
  "price": "6",
  "quantity": "2"
}];
console.log(products);
var b = JSON.parse(products); //unexpected token o

L'erreur que vous obtenez, c'est-à-dire "jeton inattendu o", est due au fait que json est attendu mais que l'objet est obtenu lors de l'analyse. Ce "o" est la première lettre du mot "objet".

La seule erreur que vous faites est que vous analysez un objet déjà analysé, il génère donc une erreur, utilisez ceci et vous serez prêt à partir.

var products = [{
  "name": "Pizza",
  "price": "10",
  "quantity": "7"
}, {
  "name": "Cerveja",
  "price": "12",
  "quantity": "5"
}, {
  "name": "Hamburguer",
  "price": "10",
  "quantity": "2"
}, {
  "name": "Fraldas",
  "price": "6",
  "quantity": "2"
}];
console.log(products[0].name); //name of item at 0th index

si vous voulez imprimer le json entier, utilisez JSON.stringify ()

Cela peut arriver pour de nombreuses raisons, mais probablement pour un caractère invalide, vous pouvez donc l'utiliser JSON.stringify(obj);pour transformer votre objet en JSON, mais rappelez-vous qu'il s'agit d'une expression JQUERY.

J'ai cette erreur parce que l'API qui a renvoyé l'objet json donnait UNE ERREUR (dans mon cas, Code Igniter, renvoie un html lorsque le code php échoue) donc CE N'EST PAS UN OBJET JSON.

Vérifiez les phrases SQL et le code PHP, et testez-le avec Postman (ou un autre testeur d'API)

L'erreur que je faisais était de passer null(sans le savoir) dans JSON.parse ().

Alors ça a jeté Unexpected token n in JSON at position 0

Utilisez eval. Il prend l'expression / code JavaScript sous forme de chaîne et l'évalue / l'exécute.

eval(inputString);