[20230626]객체,배열함수

객체는 변수와 함수가 모여 만든 하나의 꾸러미로서 함수 보다 좀더 복잡하고

정교한 데이터들을 하나의 객체 안에 담아서 활용할 수 있게 된다.

 

문법 : 새 객체(빈 객체)

 

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(매개변수){할일});