Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- TO_DATE
- 오류
- json
- 개념
- select
- jsp
- array
- html
- Oracle
- 정의
- input
- 암호화
- Java
- was
- jQuery
- mybatis
- 태그
- javascript
- 과정평가형
- sql
- spring
- JVM
- Ajax
- 함수
- CSS
- eGov
- controller
- POI
- eGovFramework
- web.xml
Archives
- Today
- Total
web developer
[javaScript] 배열, json 객체, json 비교 본문
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
'JavaScript' 카테고리의 다른 글
[javaScript] monthpicker jquery에서 입력받은 날짜로 '년/월' 변경하기 (0) | 2023.09.27 |
---|---|
[javaScript] getDay() 활용하여 datepicker, 입력받은 날짜 수정하기 (0) | 2023.09.21 |
[jquery] attr, prop 메서드 (0) | 2022.12.18 |
[javaScript] Moment.js / 날짜 및 시간을 조작하는 라이브러리 (2) | 2022.11.27 |
[Javascript] Uncaught TypeError: ~ .replace is not a function 오류 (2) | 2022.10.31 |