Javascript - 배열 메소드(method)(2)

배열 메소드(method)(1)에는 배열에 element를 추가 / 삭제하는 기능을 가진 메소들이며 mutable 한 메소드들 이였다.(배열 메소드(method)(1)에 이전 글 링크 걸어 두었습니다. 클릭하시면 보실 수 있습니다.)(tistory에 장점이네요 html로 조작함)

 

배열 길이 측정

 -Array.length <immutable> ==> 배열의 element 수 측정 기능

  *소괄호() 사용 없음

  *return 값은 element 수!!! 

  *주의할점은 index와 측정 하는 방식이 다르다. index의 시작은 0부터 시작하지만, element 수를 측정 할 때는 1부터 시작한다.(현실에서 물건을 세듯이)

 

 

배열 합치기(배열끼리와 element끼리) / 복사 방법

 -Array.concat(argument)<immutable> ==> 배열을 합치는 기능

  *소괄호() 안에 argument를 Array에 합친다.

  *num1에다가 소괄호 안에 있는 num2를 합친다.

  *num1.concat(num2)를 해도 num1과 num2는 변함 없다.

  *return 값은 합쳐진 배열!! ==> 합쳐진 배열 형태로 반환되기 때문에 새로운 변수에 저장하는 경우가 많다.

  *2차원 배열도 그대로 합쳐 진다. 즉, element들만 합쳐지는 결과를 확인 할 수 있다.

 -Array.join(seperator)<immutable>  ==> 배열에 element들만 합치는 기능

  *소괄호 ()안에는 element들을 어떻게 구분하여 합칠 것인지 입력해야 한다.

  *return 값은 문자열!!

  *num1.join(''); 은 공백없이 element들을 합치는 것이고, num1.join(' ');은 한칸 띄워쓰기를 적용하여 element들을 합친다.

  *join 메소드를 사용하고 나서도 원본 배열은 변함이 없다.

  *합쳐진 문자열 형태로 반환되기 때문에 새로운 변수에 저장하는 경우가 많다.

 

 -Array.slice(argument)<immutable>  ==> 배열을 복사하는 기능

  *소괄호 () 안에는 배열의 index 를 입력한다.

  *첫번째 인자로 들어온 argument는 index는 시작점이고, 두번째로 들어온 argument는 index의 끝점이다.

  *return 값은 복사한 element를 배열로 반환!! ==> index의 시작점 부터 index 끝점 앞까지를 복사한다.

  *끝점이 지정 되지 않으면 시작부터 전부 복사한다. 시작점이 지정 되지 않으면 배열 전체를 복사한다.

  *num1을 slice 해도 num1은 변함이 없다.

  *num1.slice(2, 5)를 하면 return 값은 index 2, 3, 4를 반환!

  *배열형태로 반환 하기 때문에 새로운 배열에 저장하는 경우가 많다.

#javascript#생활코딩#CCL라이선스BY#codestates#array#array.method#concat#join#slice