ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 배열 (Array)
    FRONTEND/Javascript 2022. 7. 18. 11:43

    array (배열) 선언

    let myNumber = [1,2,3,4]
    let 변수 = [element,element] //문자열이라면 ‘element'

    값은 인덱스로 접근하며 index 값은 0부터 시작.

    MyNumber[3]; //4
    

    myNumber이라는 배열의 3번째 인덱스 값을 변경
    myNumber[3] = 200;

    인덱스 안에 인덱스 들어갈 수 있음 (아래는 2개 중첩으로 2차원)

    Let myNumber = [ [13,30],[73,8],[44,17] ]
    myNumber.
    myNumber[1] = (2) //  [73,8]
    
    let myNumber = [73, 98, 86, 61] ;
    

    ‘.’을 이용해서 method를 실행할 수 있음
    Method 실행시에는 () 괄호 넣어줌.

    .length myNumber 배열의 길이 알기

    myNumber.length; // 4

    .push myNumber 배열 끝에 96이라는 값을 추가하기

    myNumber.push(96);

    .pop myNumber 배열 마지막 값 삭제하기

    myNumber.pop(); 괄호안을 비워줌

    .shift myNumber 배열 앞에 값을 삭제하기

    myNumber.shift(); 괄호안을 비워줌

    .unshift myNumber 배열 앞에 96이라는 값을 추가하기

    myNumber.unshift(96);

    반복문 + 배열 조합 (여기서부터 중요)

    Q. 배열 myNum의 n번째 인덱스를 출력하세요.

    let myNum = [73, 98, 86, 61]
    
    for (let n = 0 ; n<myNum.length ; n++){
    // 인덱스는 0부터 시작하기 때문에 n은 0
    // 배열의 최대 인덱스 값 = 배열의 길이-1 (여기서는 3)
    // step은 1씩 증가
    
    
    console.log(myNum[n]) }
    //myNum의 n번째 인덱스 출력
    
    // 73
    // 98
    // 66
    // 61
    
    console.log(myNum[3]) // 61
    

    Q. myNum의 모든 element를 누적해서 더하기 위해 필요한 조건과 반복할 구문은?

    let myNumber = [10, 20, 30, 40];
    let sum = 0
    
    for ( let n = 0 ; n <myNum  ; n++ ){
    sum = sum + myNum[n]
    }
    Console.log(sum) //80;
    
    Array.isArray
    
    typeof ’문자열’ // ‘string'
    typeof 123 // ’number’
    typeof [1,2,3] //object
    

    Typeof 연산자 사용시 배열(array)은 object로 판별함.
    array인지 확인하기 위해서는 Array.isArray()

    Let words = [1, 2, 3]
    Array.isArray(words) // true

    Console.table(words)
    배열을 테이블 형식으로 보여줌

    ——

    let words = ['part1',  'part2', 'act5']
    words.indexOf('part2') // 1
    words.indexOf('starshell') // -1
    
    words.indexOf('act5') !== -1  // true
    words.indexOf(’starshell') !== -1  // true

    이 때, 당연히 대문자 소문자 구별에 주의할 것

    // hasElement (배열,찾으려는엘리먼트) // true false
    
    function hasElement(arr,element) {
    	arr.indexOf(element) !== -1
    }
    

    function addNumber (num1,num2){
    num3 = 0
    num3 = num1 + num2
    Return num3
    }
    Console.log(addNumer(3,5))

    let words = [ 'part1', 'part2', ‘act5’ ]
    words.indexOf(‘part1’) // 0
    words.includes(‘part1’) // true

    immutable Method

    Array.slice (시작할 요소 포함, 끝낼요소 포함안함)
    Concat()
    Join()

    Mutable method

    Push
    pop
    shift
    *unshift
    splice()

    Concat()

    concat() 함수는
    파라미터로 받은 배열이나 값들을 기존의 배열에 합쳐서,
    새로운 배열을 만들어서 리턴.

    파라미터 
    value1~valueN
    기존 배열에 합칠 배열 또는 값

    리턴값 
    기존 배열(array)와 파라미터로 받은 값(value1~valuneN)을 합쳐서 새로 만든 배열

    splice()

    배열의 기존 요소를 삭제 / 교체 / 새 요소를 추가하여 배열의 내용을 변경.
    splice(start[, deleteCount[, item1[, item2[, ...]]]])

    '...'

    spread operator(전개연산자)

    [...arr1, ...arr2,...el]
    arr1의 원소들을 쪼개어 개별요소인 1, 2, 3을 리턴합니다.
    ...arr2는 개별요소인 4, 5, 6을 리턴합니다.

    'FRONTEND > Javascript' 카테고리의 다른 글

    원시 자료형과 참조 자료형  (0) 2022.07.18
    객체 (Object)  (0) 2022.07.18
    자료형의 종류와 설명  (0) 2022.07.18
    변수 선언 방법과 차이 (let / var / const)  (0) 2022.07.18
    typeof 연산자  (0) 2022.07.18
Designed by Tistory.