JSON.stringify

JSON.stringify()는 JS에서 객체나 배열등의 JS값을 JSON문자열을 변환할 때 사용하는 메서드다, 주로 데이터를 주고받거나 로컬저장소에 데이터를 저장할 때 사용된다.

기본 형식

JSON.stringify(value, replacer, space)

매개변수 설명

1. value:

• 필수 사항
• JSON문자열로 변환할 JS값(객체, 배열, 원시값 등).

const test = {name:'Jo', age: 28}
const jsonString = JSON.stringify(test)

console.log(jsonString)

2. replacer:

• 선택적
• 값을 변환하는 과정에서 특정 속성을 필터랑하거나 변환에 사용
• 배열이나 함수로 전달될 수 있다. 배열로 제공하면 속성들만 JSON문자열로 포함됨

const test {name: 'JO', age: 28, city: 'Inchon'}
const jsonString = JSON.stringify(obj, ["name", "age"])
console.log(jsonString);

3. space

• 선택적
• 가독성을 위한 들여쓰기, 공백을 추가하는 옵션
• 숫자(들여쓰기 칸 수) 문자열(들여쓰기 문자열) 로 전달될 수 있다.

const Self = () => {

    const test ={name: 'JO', age: 28, city: 'Inchon'}
    const jsonString = JSON.stringify(test,null, 10)
    console.log(jsonString)

    return (
        <div>
            {jsonString}
        </div>
    );
};

뭐야 왜 작동 안해요...