-
배열 (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’) // trueimmutable 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