web developer

[javaScript] 배열, json 객체, json 비교 본문

JavaScript

[javaScript] 배열, json 객체, json 비교

trueman 2023. 7. 23. 21:10
728x90
728x90

배열 


let arr = [];

arr = [1, 3, 5, 7, 9]; // 배열에 값 할당
console.log(arr);      // [1, 3, 5, 7, 9]
  • 배열은 순서가 있는 값으로, 그 순서는 인덱스로 구성이 되어있습니다. (번호는 0부터 매김)
  • 그 값들은 요소(element)라고 부르며, 각각의 요소들은 쉼표(comma)로 구분해줍니다.
  • 대괄호'[ ]'를 통해 배열을 만듭니다.

객체


let user = {};

// 객체에 값 할당
user = {
  name: "Jun",
  email: "jun@gmail.com",
  city: "Busan"
}

console.log(user);
// {name: "Jun", email: "jun@gmail.com", city: "Busan"}
  • 항상 키와 값(key-value pair)으로 값을 넣어야합니다.
  • 그 값들은 속성(Property)라고 부르며, 한 쌍당 구분은 쉼표(comma)로 구분해줍니다.
  • 중괄호'{ }'를 통해 객체를 만듭니다.

JSON


JSON 정의
  • JavaScript Object Notation의 약자로 '자바 스크립트 객체 표기법'.
  • 데이터를 쉽게 ' 교환 ' 하고 ' 저장 ' 하기 위한 텍스트 기반의 데이터 교환 표준.

 

JSON 구조
  • JSON은 자바스크립트의 객체 표기법으로부터 파생된 부분 집합.
  • 따라서 JSON 데이터는 다음과 같은 자바스크립트 객체 표기법에 따른 구조로 구성.


1. JSON 데이터는 이름과 값의 쌍, key : value 형식으로 구성, 중괄호({})로 둘러쌓아 표현
이러한 JSON 데이터는 데이터 이름, 콜론(:), 값의 순서로 구성하여 중괄호로 감싼다.

{"데이터이름": 값}
{ key : value }


다음 예제는 데이터의 이름이 "name"이고, 값은 "식빵"이라는 문자열을 갖는 JSON 데이터의 예제

{"name": "식빵"}

JSON Array


JSON Array 정의

 

여러개의 JSON Object들이 모인 것이 JSON Array로 대괄호 '[ ]'로 둘러싸인 부분.
 JSON을 key가 없는 배열 형태로 나타내여 인덱스별로 나누어 저장하고 접근한다.

[{"id": 0, "name": "식빵"}, //0번 index
{"id": 1, "name": "단팥빵"}, //1번 index
{"id": 2, "name": "소라빵"}] //2번 index

출처 : https://spicycookie.me/JavaScript/arrvsobj/
출처 : https://ko.javascript.info/array
출처 : https://www.zerocho.com/category/JavaScript/post/572c6f759a5f1c4db2481ee3
출처 : https://codechacha.com/ko/java-convert-object-to-json-and-write-to-file/

728x90
728x90