js-Array

hazel's·2022년 3월 8일
0

javascript

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

🍑array

변수에는 데이터가 한개만 저장이 된다. 여러개의 데이터를 하나의 장소에 저장하기 위해서 필요할 경우 배열의 객체(Array Object)를 생성하면 된다. 하나의 저장소를 나눠서 데이터를 열거하는 것을 말한다.

let student_no=1,
let student_name="최민정",
let student_age=20,
let student_addr="서울"

변수를 이용해 4개의 데이터를 저장하려면 4개의 변수가 필요하다. 그러나 배열의 객체를 사용한면 하나의 배열 객체로 4개의 데이터를 저장할 수 있다.

let student_info=new Array(1,"최민정",20,"서울");

데이터는 배열로 나누어진 저장소에 나열되며, 각자 저장소에는 인덱스 번호가 부여된다. 인덱스 번호는 0부터 시작된다.

let student =new Array();
student[0]=1;
student[1]="최민정";
student[2]=20;
student[3]="서울";

🍑Array method

let kitchen=["cup","dish","spoon","bowl"];
let room=["desk","chair","table","sofa"];

🧩 join("문자")
데이터를 문자 기준으로 문자형 데이터로 변환

let result =room.join("-");
console.log(result);

//출력
desk-chair-table-sofa

🧩 concat()
2개의 배열객체를 하나로 결합

let result1=kitchen.concat(room);
console.log(result1);

//
["cup", "dish", "spoon", "bowl", "desk", "chair", "table", "sofa"]

🧩 slice(id1,id2)
배열의 객체 데이터 중 원하는 인덱스 구간만큼 잘라서 배열 객체로 가져옴
조각이라는 뜻으로 기존의 배열을 건드리지 않음 따로 새로운 배열을 만듬.
id1=시작점(포함O) id2=끝점(포함X)

result2 =kitchen.slice(1,2);
console.log(result2);
console.log(kitchen);
//
["dish"]
["cup", "dish", "spoon", "bowl"]

🧩 splice()
배열의 객체 데이터를 삭제하고 그 자리에 새로운 데이터를 삽입할 수 있음
이어부치다. 기존의 배열이 잘림.
(시작점, 개수) 시작점으로부터 몇개의 아이템을 제거 할 숫자

result3=kitchen.splice(2,1,"plate");
console.log(kitchen);
//
["cup", "dish", "plate", "bowl"]
let basket = [['양파','곰팡이'],['곰팡이','빵','딸기잼'],['귤','곰팡이','사과']];

function removeGerm(arr) {
  // 여기에 코드를 작성해주세요!
  for(let i=0;i<arr.length;i++){
    for(let j=0;j<arr[i].length;j++){
      if(arr[i][j]==="곰팡이")
        arr[i].splice(j,i);
    }
  }
  
  return arr;
}
console.log(removeGerm(basket));

//출력
[ [ '양파', '곰팡이' ], [ '빵', '딸기잼' ], [ '귤' ] ]

🧩 pop()
배열의 객체중 마지막 인덱스의 데이터를 삭제한다.

let result4=room.pop();
console.log(result4);
console.log(room);

//
"sofa"
["desk", "chair", "table"]

🧩 shift()
배열의 객체 데이터 중 [0]번째 저장된 데이터를 삭제한다.

let result5=room.shift();
console.log(result5);
console.log(room);
//
"desk"
["chair", "table", "sofa"]

🧩 push(new data)
배열 객체의 마지막 인덱스에 새로운 데이터를 추가한다.

kitchen.push("fork")
console.log(kitchen)

//
["cup", "dish", "spoon", "bowl", "fork"]
profile
좋아하는 것을 하나하나 채워가면 행복해질꺼야
post-custom-banner

0개의 댓글