객체는 변수와 함수가 모여 만든 하나의 꾸러미로서 함수 보다 좀더 복잡하고
정교한 데이터들을 하나의 객체 안에 담아서 활용할 수 있게 된다.
문법 : 새 객체(빈 객체)
let s1 = {}; //빈 객체
s1.kor = 100; //변수 kor 값 100저장
s1.eng = 80;
s1.math = 100;
document.write(s1.math);
let s1 = {
kor : 100,
eng : 80,
math : 100,
total : function(){
let sum = this.kor + this.eng + this.math;
return sum;
}
};
let s2 = {
kor : 100,
eng : 80,
math : 100
};
document.write(s1.total());
배열(array)
배열은 비슷한 성격의 여러 데이터들을 한 저장소에 저장해놓고 필요할 때 데이터를 꺼내서 사용할 때 생성한다.
문법
let frontLangs = [];
frontLangs[0] = 'html';
frontLangs[1] = 'css';
frontLangs[2] = 'javascript';
document.write(frontLangs[0]);
let backLangs = ['php','jsp','asp'];
document.write(frontLangs);
document.write(frontLangs[0]);
document.write('<hr>');
document.write(backLangs[0]);
배열의 값이 길이(개수) length
console.log(frontLangs.length);
join(합치다)
배열의 원소를 연결해서 하나의 값으로 생성함(속성은 문자열)
let frontLangs2 = frontLangs.join('-');
document.write(frontLangs2);
//타입확인 typeof(대상);
console.log(typeof(frontLangs),typeof(frontLangs2));
reverse (원본바꿈)
원소들을 반대로 정렬, 원래 있던 원소들을 반대로 정렬해놓고 수정함. (수정반영)
let reverseLangs = frontLangs.reverse();
document.write(reverseLangs);
sort (원본바꿈)
(정렬 내림차순, 오름차순, 알파벳순, 가나다순 정렬) 원본수정반영
let fruits = ['apple','orange','mango'];
let nums = [10,50,20,40];
fruits.sort(function(){
return -1; //reverse와 같은 효과
});
nums.sort();
document.write(fruits); //apple,mango,orange
document.write(nums); //10,20,40,50
순차적 정렬시
fruits.sort(function(a,b){
return b-a; //문자는 정렬
});
nums.sort(function(a,b){
return b-a;
});
push
뒤에 원소 이어서 추가
pop
배열 마지막 요소를 잘라냄. 원본 배열이 잘림
unshift
배열의 앞부분에 값을 추가
shift
배열의 첫 원소 제거
slice
배열에서 인덱스번호를 이용해서 원소를 복사(추출)
splice
배열에서 인덱스번호를 이용해서 원소를 오려내기
대상.splice (시작번호,끝번호)
끝번호 앞 원소까지 복사
concat
배열을 병합
filter
조건에 맞는 요소들만 추출, 새배열
대상.filter(function(매개변수){할일});