JSON (JavaScript Object Notation)
- 자바스크립트 객체 표기법
- 속성-값 쌍(attribute–value pairs), 배열 자료형(array data types) 또는 기타 모든 시리얼화 가능한(serializable value) 또는 키-값 쌍으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷
- 데이터를 쉽게 교환하고 저장하기 위한 텍스트 기반의 데이터 교환 표준
- 객체
{속성명: 값, 속성명2: 값2, ⋯} - 배열
[변수1, 변수2, 변수3, ⋯]
let user = {name:"홍길동", age:"22"}; //객체
let names= ["김영희","이차돌","최길동", "송새벽"]; //배열배열(array)
하나의 변수에 여러 개의 데이터를 저장할 수 있는 자료구조
배열의 속성: length
.length는 배열의 길이를 반환하는 속성이다. 마지막 원소의 인덱스 값보다 1 더 큰 수를 반환한다.
문법
array.length
예제
See the Pen Untitled by 챈챈 (@naaoviji-the-animator) on CodePen.
배열 인덱스(Index)
배열의 위치를 나타내는 숫자 ※ index는 0부터 시작함
See the Pen Untitled by 챈챈 (@naaoviji-the-animator) on CodePen.
배열 함수
배열에 값을 추가하는 함수
.push("새요소"): 배열의 맨 끝에 새요소를 추가한다.
.unshift("새요소"): 배열의 맨 앞에 새요소를 추가한다.
배열에 값을 제거하는 함수
.pop(): 배열의 맨 끝에 있는 값을 제거한다.
.shift(): 배열의 맨 앞에 있는 값을 제거한다.
배열에 값을 추가 & 제거하는 함수
.splice(start, count, ["새요소"]): start위치에서 count만큼 제거하고, [새요소]를 해당 위치에 추가한다.
예제
See the Pen Untitled by 챈챈 (@naaoviji-the-animator) on CodePen.