[코딩애플 JS 기초] Array, Object 자료형

Jessie H·2022년 4월 29일
0

코딩애플 JS 기초

목록 보기
12/19
post-custom-banner

Array 자료형

[]로 감싸져 있는 자료형, 자료끼리는 콤마로 구분한다.

var mytea = ['kwangdong', 'oksusu', 2000];

왼쪽에서부터 0번째, 1번째, 2번째...순이다.
따라서

mytea[0] = 'kwangdong'
mytea[1] = 'oksusu'
mytea[2] = 2000

Array 자료형 자료 수정

//2000 => 1500으로 수정

var mytea = ['kwangdong', 'oksusu', 2000];
mytea[2] = 1500;

console.log(mytea[2]);
//1500

Array 자료형 자료 추가

순서에 직접 넣기 또는 .push(넣을 자료) 활용

//'great'추가
var mytea = ['kwangdong', 'oksusu', 2000];
mytea[3] = 'great';

OR

mytea.push('great');

console.log(mytea);
//['kwangdong', 'oksusu', 1500, 'great']

그 밖의 Array로 할 수 있는 것

var mytea = ['kwangdong', 'oksusu', 2000];


//가나다순 정렬(숫자가 제일 먼저 옴)
mytea.sort()

console.log(mytea);
//[2000, 'kwangdong', 'oksusu']


//자료 잘라내기
mytea.slice(0,1);//[0]번째부터 [1]번째까지, 즉, [0]번째의 자료만 잘라내달라는 뜻

console.log(mytea.slice(0,1));
//'kwangdong'



Object 자료형

{}로 감싸져있는 자료형
Array형과 다르게 자료에 이름을 붙일 수 있다.
이 때 자료의 이름을 key, 자료의 내용을 value라고 한다.

var mytea = {company: 'kwangdong', name: 'oksusu', price: 2000 };

object자료형 자료 수정하기

//price 2000 => 1500 수정

var mytea = {company: 'kwangdong', name: 'oksusu', price: 2000 };
mytea['price'] = 1500;

console.log(mytea['price']);
//1500

object 자료형 자료 추가하기

//bottle: 'plastic' 추가하기

var mytea = {company: 'kwangdong', name: 'oksusu', price: 2000 };
mytea['bottle'] = 'plastic';

console.log(mytea['bottle'];
//plastic

자료가 많아지면 순서를 다 외우기 힘들고 key형식으로 찾을 수 있기 때문에 object가 좀 더 편리하다


문자 중간에 변수 넣는 법

'문자' + 변수 + '문자' OR `문자${변수}문자`를 활용

var tea = 'oksusu';
console.log("오늘 제가 마시는 차는 " + tea + "차입니다.");
//오늘 제가 마시는 차는 oksusu차입니다.

console.log(`오늘 제가 마시는 차는 ${tea}차입니다`);
//오늘 제가 마시는 차는 oksusu차입니다
profile
코딩 공부 기록장
post-custom-banner

0개의 댓글