JavaScript(Array, Object 자료형, 문자 중간 변수 넣기)

■ Array 자료형

Array 만들기

var country = ['한국', '미국', '일본'];

대괄호를 열고 자료를 콤마로 구분해서 넣어 여러 가지 자료를 한 곳에 저장할 수 있습니다.

 

 

Array 꺼내기

console.log(country[1]);  // 미국

array 자료에서 뒤에 [x] 를 붙이면 x번째 자료를 꺼냅니다.

 

 

 

Array 수정 및 추가

country[1] = '프랑스';
country[3] = '인도';
console.log(country);
// ['한국', '프랑스', '일본', '인도']

array 자료를 수정할 수도 있으며 추가하는 것도 가능합니다.

 

 

Array 정렬

country.sort();
console.log(country);
// ['인도', '일본', '프랑스', '한국']

sort() 함수로 가나다 순 정렬이 가능합니다.

 

 

Array 배열 자르기

console.log(country.slice(1, 3));
// ['일본', '프랑스']

x 번 자료부터 y 번 자료까지 배열을 자를 수도 있습니다.

이외에도 많은 함수가 있으니 찾아서 사용할 수 있으면 좋습니다.

 

 

■ Object 자료형

Object 만들기

var car = { name : '아이오닉', price : 3000, color : 'white'};

중괄호를 넣고 자료를 넣어서 쓸 수 있으며, key : value 의 형식으로 자료를 저장할 수 있습니다.

 

 

Object 꺼내기

var car = { name : '아이오닉', price : 3000, color : 'white'};
console.log(car['name']);  // 아이오닉
console.log(car.name);  // 아이오닉

자료를 꺼내고 싶을 때는 뒤에 대괄호를 쓰고 key를 넣으면 value 값을 꺼내줍니다.

다른 방식으로 .key 를 뒤에 붙이는 것으로 value 값을 꺼낼 수 도 있습니다.

 

Object 수정 및 추가

var car = { name: '아이오닉', price: 3000, color: 'white' };
car['count'] = 1;
car.brand = 'hyundai';
car.price = 5000;

console.log(car);
// {name: '아이오닉', price: 5000, color: 'white', count: 1, brand: 'hyundai'}

 

■ 문자 중간에 변수 넣기

+ 기호 사용하기

var a = '안녕';
console.log('문자' + a + '문자');  // '문자안녕문자'출력됨

+ 기호를 사용해서 중간에 변수를 넣을 수 있습니다.

 

 

백틱기호(`) 와 ${ }

var a = '안녕';
console.log(`문자 ${a} 문자`);  // '문자안녕문자'출력됨

백틱기호(`) 로 문자를 만들고 중간에 ${ 변수이름 } 을 쓰면 변수를 중간에 넣을 수 있습니다.

따옴표(')에서는 사용 불가능합니다.