JSON 배열에 새 요소를 추가하는 방법

JSON(JavaScriptObjectNotation) 은 경량 데이터 형식이며 JSON 배열은 중요한 데이터 구조 유형입니다. 실제 개발 작업에서 JSON 배열에 새 요소를 추가해야 하는 경우가 많습니다. 이는 JSON 배열에서 매우 기본적인 작업 중 하나입니다. 이 기사에서는 JSON 배열에 새 요소를 추가하는 방법에 대해 설명합니다.

JSON 배열 소개

JSON 배열은 순차적으로 정렬된 일련의 값 모음으로, 각 값은 문자열, 숫자, 부울, 객체 및 기타 JSON 배열이 될 수 있습니다.

둘째, 새 요소를 추가하는 방법

JSON 배열에 새 요소를 추가하려면 몇 가지 기본 API 또는 타사 라이브러리를 사용해야 합니다. 다음은 몇 가지 일반적인 구현입니다.

1. JavaScript 에서 push () 메서드를 사용합니다.

Push () 메서드는 배열 끝에 하나 이상의 요소를 추가하고 새 배열의 길이를 반환합니다. JSON 배열에서는 이 방법을 사용하여 새 요소를 추가할 수 있습니다. 예를 들면 다음과 같습니다.

```

Vardata = {학생: [톰, 잭, 루시, 제시카]};

//학생 추가

Data.students.push (마이크);

Console.log (json.stringify (data));

```

위의 예에서는 data 라는 JSON 객체를 만들고 이 객체에 students 라는 JSON 배열을 정의했습니다. 그런 다음 push () 메서드를 사용하여 새 학생 Mike 를 배열에 추가하고 최종 JSON 객체를 인쇄합니다.

2. JavaScript 에서 concat () 메서드를 사용합니다.

Concat () 메서드는 두 개 이상의 배열을 연결하고 새 배열을 반환합니다. JSON 배열에서는 이 방법을 사용하여 현재 JSON 배열을 추가할 요소로 구성된 새 배열에 연결할 수 있습니다. 예를 들면 다음과 같습니다.

```

Vardata = {학생: [톰, 잭, 루시, 제시카]};

//학생 추가

Data.students = data.students.concat (Mike);

Console.log (json.stringify (data));

```

위 예제에서는 concat () 메서드를 사용하여 현재 students 배열을 새 학생이 포함된 배열에 연결하고 결과를 students 속성에 다시 할당합니다. 마지막으로 JSON 객체를 인쇄했습니다.

3. 제 3 자 라이브러리 사용 (예: jQuery)

기본 JavaScript 메서드 외에도 일부 웹 개발 프레임워크 또는 타사 라이브러리를 사용하여 JSON 배열을 조작할 수 있습니다. 예를 들어 jQuery 에서는 $ 를 사용할 수 있습니다. Extend () 메서드는 JSON 배열에 새 요소를 추가하는 기능을 구현합니다. 예를 들면 다음과 같습니다.

```

Vardata = {학생: [톰, 잭, 루시, 제시카]};

//학생 추가

$. extend (데이터, {학생: [마이크]});

Console.log (json.stringify (data));

```

위의 예에서 우리는 $ 를 사용했습니다. Extend () 메서드는 원본 학생 배열을 새 학생이 포함된 배열과 병합하고 데이터 객체의 학생 속성에 다시 할당합니다. 마지막으로 JSON 객체를 인쇄했습니다.

셋째, 요약

이 문서에서는 JSON 배열에 새 요소를 추가하는 방법에 대해 설명합니다. JavaScript 와 함께 제공되는 메서드 또는 타사 라이브러리를 사용하여 이 기본 작업을 쉽게 수행할 수 있습니다. 실제 개발 작업에서 특정 비즈니스 요구 사항에 따라 적절한 방법을 선택하여 JSON 배열을 조작하면 개발 효율성을 높일 수 있습니다.