잡히지 않은 구문 오류 : JSON.parse가있는 예기치 않은 토큰

세 번째 줄 에서이 오류의 원인은 무엇입니까?

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

^{콘솔을 열어 오류보기}

products객체입니다. (객체 리터럴에서 생성)

JSON.parse()JSON 표기법이 포함 된 문자열 을 Javascript 객체로 변환하는 데 사용됩니다 .

코드는 객체를 .toString()JSON 텍스트로 구문 분석하기 위해을 호출하여 객체를 문자열로 변환 합니다.
기본값 .toString()은을 반환 "[object Object]"하며 이는 유효한 JSON이 아닙니다. 따라서 오류.

그것이 유효한 JSON이라는 것을 알고 있지만 여전히 이것을 얻고 있다고 가정 해 봅시다 ...

이 경우 문자열에 숨겨진 소스 / 특수 문자가있을 수 있습니다. 유효성 검사기에 붙여 넣으면 손실되지만 문자열에는 여전히 있습니다. 그 문자들은 보이지 않지만 깨질 것입니다JSON.parse()

경우 s원시 JSON이며, 다음을 함께 정리 :

// 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);

객체 를 문자열 화 하려는 것 같습니다 . 이렇게하십시오 :

JSON.stringify(products);

오류의 이유 JSON.parse()는 String값 을 예상 하고 products입니다 Array.

참고 : 나는 이후 json.parse('[object Array]')토큰 o을 기대하지 않았다고 불평하는 것으로 생각합니다 [.

와 동일한 문제를 발견했습니다 JSON.parse(inputString).

필자의 경우 입력 문자열이 내 서버 페이지에서 온다 [페이지 메소드 반환] .

인쇄했습니다 typeof(inputString)-문자열이지만 여전히 오류가 발생합니다.

나는 또한 시도 JSON.stringify(inputString)했지만 도움이되지 않았다.

나중에이 [\n]필드 값 내에서 줄 바꾸기 연산자와 관련된 문제라는 것을 알았습니다 .

나는 [다른 문자 로 바꾸고, 파싱 후 줄 바꿈을 다시 한 번] 대체 했고 모든 것이 잘 작동합니다.

JSON.parse가 문자열 입력 매개 변수를 기다리고 있습니다. 문제점을 해결하려면 JSON 오브젝트를 문자열 화해야합니다.

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"}];

로 변경

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"}]';

여기서 JSON 문자열의 유효성을 검사해야 합니다 .

유효한 JSON 문자열에는 키 주위에 큰 따옴표가 있어야합니다.

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

따옴표가 없으면 오류가 발생합니다.

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

작은 따옴표를 사용하면 오류가 발생합니다.

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

선행 또는 후행 공백이 있으면 유효하지 않습니다. 후행 / 리딩 공간은 다음과 같이 제거 할 수 있습니다.

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

출처 : 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"
  }
]

파싱 ​​할 수있는 완벽한 Json이 있습니다.

이전 답변을 기반으로 만든 기능은 다음과 같습니다. 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;
            }

"SyntaxError: Unexpected token"호출 할 때 예외 가 발생할 수있는 다른 방법 JSON.parse()은 문자열 값에서 다음 중 하나를 사용하는 것입니다.

1. 줄 바꿈 문자.

2. 탭 (예, Tab 키로 생성 할 수있는 탭!)

3. 독립형 슬래시 \(어떤 이유로 든 /Chrome에는 없습니다)

전체 목록을 보려면 여기 에서 문자열 섹션을 참조하십시오 .

예를 들어 다음과 같은 경우이 예외가 발생합니다.

{
    "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"
    }
}

따라서 다음과 같이 변경해야합니다.

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

말하자면, 더 많은 양의 텍스트를 JSON 전용 형식으로 읽을 수 없게 만듭니다.

POST 또는 PUT 방법을 사용하는 경우 본문 부분을 반드시 확인하십시오.

https://gist.github.com/manju16832003/4a92a2be693a8fda7ca84b58b8fa7154에 예제를 문서화했습니다.

잘하면 이것은 다른 누군가를 돕습니다.

내 문제는 AJAX를 통해 PHP 콜백 함수에서 HTML을 주석 처리하여 주석을 구문 분석하고 유효하지 않은 JSON을 반환한다는 것입니다.

주석이 달린 HTML을 제거하면 모든 것이 좋았고 JSON은 문제없이 구문 분석되었습니다.

products는 직접 사용할 수있는 배열입니다.

var i, j;

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

이제 분명히 \r, \b, \t, \f, 등 당신이 오류를 줄 수있는 유일한 문제가 문자가 없습니다.

일부 브라우저 에는 입력에 대한 추가 요구 사항 이있을 수 있습니다.JSON.parse .

브라우저에서이 테스트 코드를 실행하십시오.

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);

Chrome에서 테스트 한 결과 34, 92 또는 0에서 31 사이의 JSON.parse(String.fromCharCode(0x22, x, 0x22));위치 x는 허용되지 않습니다 .

문자 34와 92는 각각 "및 \문자이며 일반적으로 예상되고 올바르게 이스케이프됩니다. 문제를 일으키는 것은 0에서 31까지의 문자입니다.

디버깅에 도움을주기 전에 JSON.parse(input)먼저 입력에 문제가있는 문자가 포함되어 있지 않은지 확인하십시오.

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;
        }
    }
}

왜 JSON.parse가 필요한가요? 이미 객체 형식의 배열입니다.

아래와 같이 JSON.stringify를 더 잘 사용하십시오. var b = JSON.stringify(products);

도움이 될 수 있습니다.

오, 지금까지 제공된 위의 모든 해결책은 저에게 효과적이지 않았습니다. 지금 막 비슷한 문제가있었습니다. 나는 견적으로 포장하여 해결했습니다. 스크린 샷을 참조하십시오. 우와

실물:

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

"예기치 않은 토큰 o"와 같은 오류는 json이 예상되지만 구문 분석하는 동안 객체가 얻어지기 때문입니다. "o"는 "object"라는 단어의 첫 글자입니다.

당신이하고있는 유일한 실수는 이미 파싱 된 객체를 파싱하고 있기 때문에 오류가 발생하는 것입니다.이를 사용하면 좋을 것입니다.

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

전체 JSON을 인쇄하려면 JSON.stringify ()를 사용하십시오.

여러 가지 이유로 발생할 수 있지만 유효하지 않은 문자 일 수 있으므로 JSON.stringify(obj);객체를 JSON으로 변환하지만 JQUERY 표현식이라는 것을 기억하십시오.

json 객체를 반환 한 API에 오류가 발생했기 때문에이 오류가 발생합니다 (필자의 경우 Code Igniter, PHP 코드가 실패하면 html을 반환하십시오). 이것은 JSON 객체가 아닙니다.

SQL 문장과 PHP 코드를 확인하고 Postman (또는 다른 API 테스터)으로 테스트하십시오.

내가했던 실수는 null(의도없이) JSON.parse ()로 전달 되었습니다.

던졌습니다 Unexpected token n in JSON at position 0

사용하십시오 eval. JavaScript 표현식 / 코드를 문자열로 가져 와서 평가 / 실행합니다.

eval(inputString);