본문 바로가기
수업노트

배열메소드

by MIniLabo 2023. 2. 17.
  <script>
//객체(object) = 멤버변수와 멤버함수()로 구성
//

let fruits=["banana", "orange", "apple", "mango"];


document.write(fruits);//banana,orange,apple,mango
document.write("<hr>");
document.write(fruits.length)//4 배열요소의 개수
document.write("<hr>");
document.write(fruits.toString());//배열요소를 문자열 형태로 형변환
document.write("<hr>");
document.write(fruits.toString().length);//문자열개수 25
document.write("<hr>");
document.write(fruits.join("*"));//banana*orange*apple*mango
document.write("<hr>");

fruits.pop()                //배열 마지막 요소 제거
document.write(fruits);     //banana,orange,apple
document.write("<hr>");

fruits.push("kiwi");        //배열 마지막 요소 추가
document.write(fruits);     //banana,orange,apple,kiwi
document.write("<hr>");

fruits.shift();             //배열 맨앞 요소 제거
document.write(fruits);     //orange,apple,kiwi
document.write("<hr>");

fruits.unshift("lemon");    //배열 맨앞 요소 추가
document.write(fruits);     //lemon,orange,apple,kiwi
document.write("<hr>");

fruits.splice(0, 2);        //0~(2-1)번까지 제거(0,1 제거)
document.write(fruits);     //apple,kiwi
document.write("<hr>");

//배열 요소 합치기
let arr1=["손흥민", "김연아"];
let arr2=["무궁화", "개나리", "진달래"];
let arr3=["국어", "영어"];
let arr4=arr1.concat(arr2, arr3);

document.write(arr4);//손흥민,김연아,무궁화,개나리,진달래,국어,영어
document.write("<hr>");
document.write(arr4.length);//7
document.write("<hr>");
/////////////////////////////////////

/*
● 정렬 (Sort)
 - 어떤 key값 기준으로 순서대로 재배치
 - 정렬 유형
    오름차순 Ascending  ASC  1->10   A->Z   a->z
    내림차순 Descending DESC    
 - 정렬방식
  insertion sort  삽입정렬
  selection sort  선택정렬
  bubble sort
*/



//1) 문자형

fruits = ["banana","orange","apple","mango"];

fruits.sort();              //배열요소 오름차순 정렬
document.write(fruits);     //apple,banana,mango,orange
document.write("<hr>");

//2) 숫자형
const points = [40, 100, 1, 5, 25, 10];

//오름차순
points.sort(function(a, b){return a - b});
document.write("<hr>");
document.write(points);

//내림차순
points.sort(function(a, b){return b-a});
document.write(points);
document.write("<hr>");

'수업노트' 카테고리의 다른 글

23.2.20(월)  (0) 2023.02.20
23.2.17(금)  (0) 2023.02.17
23.2.16(목)  (0) 2023.02.16
23.2.15(수)  (0) 2023.02.16
23.2.14(화)  (0) 2023.02.14