배열(Array) 개요
- Achievement Goals
- 배열 기초
- 배열에서 사용되는 다음 용어에 대해 정확히 이해할 수 있다.
- index, element, length
- arr[0], push, pop
- 배열에서 특정 인덱스(index)의 요소(element)를 조회하거나, 변경할 수 있다.
- 배열의 요소가 배열인 이중 배열을 이해할 수 있다.
- 이중 배열의 요소를 조회하거나 변경할 수 있다.
- 배열에서 사용되는 다음 용어에 대해 정확히 이해할 수 있다.
- 배열의 반복
- 배열의 요소를 반복적으로 불러오는 방법을 이해하고 사용할 수 있다.
- 배열의 각 요소에 대하여, 반복하는 코드를 실행시킬 수 있다.
- 기본적인 for 문 for (let i = 0; i < 5; i++) 을 응용하여 다양한 for문을 만들 수 있다.
- 반복문에 조건문을 응용하여 특정 조건에서만 코드를 실행시킬 수 있다.
- 이중 반복문이 무엇인지 이해하고 활용할 수 있다.
- 배열과 반복문을 활용하여 실생활에서 접할 수 있는 간단한 문제를 해결할 수 있다.
- 문자열과 배열의 타입 변환을 돕는 메소드를 알고 있다.
- 띄어쓰기 (" ")로 문자열을 구분하여, 배열로 변경할 수 있다. str.split(" ").join(" ")
- 문자열을 요소로 가지는 배열을 띄어쓰기 (" ")로 구분한 문자열로 변경할 수 있다.
- 배열 기초 메소드
- 배열 요소(element)를 조회할 수 있다. bracket notation
- 배열을 복사, 분리하는 법을 이해할 수 있다. slice, splice
- 변수, 데이터, 또는 특정 값이 배열인지 아닌지 판별할 수 있다. Array.isArray
- 배열의 요소(element)를 추가 및 삭제할 수 있다. push, unshift, pop, shift
- 배열의 길이를 구할 수 있다. length
- 변수, 데이터, 또는 특정 값이 배열에 포함되어 있는지 확인할 수 있다. indexOf, includes
1. 배열은 무엇인가??
-
배열은 순서가 있는 값이다
-
순서는 index라고 부르며, 1이 아닌 0부터 번호를 매깁니다.
-
대괄호(square bracket)을 이용해서 배열을 만들고, 각각의 원소(element)는 쉼표(comma)로 구분해 줍니다.
-
값은 index를 이용해 접근해야 합니다.
-> myNumber라는 배열의 3번째 index를 조회하려면// myNumber[3]; // 61
-> myNumber라는 배열의 3번째 index를 변경하려면// myNumber[3]=200 //
-
배열의 길이를 알아낼 수도 있다.
-> myNumber.length; //4
-
요소를 추가할 수 있다.
-> myNumber.push(96);
-
요소를 삭제할 수 있다.
-> myNumber.pop();
-
배열을 벗어나면 undefined다
myNumber[2]
98
myNumber[3]
undefined
- 이중배열의 index값 구하기
let myNumber = [[13,30], [73,8], [44,17]]
myNumber[1]
//(2) [73, 8]
myNumber[1][0]
//73
2. 배열의 반복
- 반복문을 이용해 배열의 요소를 한번씩 출력할 수 있다.
let myNum = [73, 98, 86, 61]
for(let i=0; i<myNum.length; i++){
console.log(myNum[i]);
}
73
98
86
61
- 반복문을 이용해서 배열의 모든 엘리먼트를 더할수 있다.
let myNum = [10, 20, 40, 10];
for(let i=0; i<myNum.length; i++){
return sum = sum + myNum[i];
}
3.배열인지 아닌지 확인하기
- typeof 메소드로 객체 배열을 알아낼수 없다.
let words = ['피','땀','눈물'];
typeof '문자열'
//"string"
typeof 123
//"number"
typeof words;
//"object"
typeof [1,2,3];
//"object"
let obj ={ a:1}
typeof obj;
//"object"
- Array.isArray()로 배열이 맞는지 아닌지 boolean 값으로 알수 있다.
Array.isArray(words)
//true
Array.isArray('문자열')
//false
Array.isArray([1,2,3])
//true
4.배열 요소 추가 삭제 하기
- arr.push() 배열 맨 뒤에 엘리먼트를 추가한다.
let arr= [1, 2, 3]
//undefined
arr.push('호')
//4 (추가했을때 배열 엘리먼트의 갯수)
arr
//(4) [1, 2, 3, "호"]
배열은 순서가 있는 값이다
순서는 index라고 부르며, 1이 아닌 0부터 번호를 매깁니다.
대괄호(square bracket)을 이용해서 배열을 만들고, 각각의 원소(element)는 쉼표(comma)로 구분해 줍니다.
값은 index를 이용해 접근해야 합니다.
-> myNumber라는 배열의 3번째 index를 조회하려면// myNumber[3]; // 61
-> myNumber라는 배열의 3번째 index를 변경하려면// myNumber[3]=200 //
배열의 길이를 알아낼 수도 있다.
-> myNumber.length; //4
요소를 추가할 수 있다.
-> myNumber.push(96);
요소를 삭제할 수 있다.
-> myNumber.pop();
배열을 벗어나면 undefined다
myNumber[2]
98
myNumber[3]
undefined
let myNumber = [[13,30], [73,8], [44,17]]
myNumber[1]
//(2) [73, 8]
myNumber[1][0]
//73
- 반복문을 이용해 배열의 요소를 한번씩 출력할 수 있다.
let myNum = [73, 98, 86, 61]
for(let i=0; i<myNum.length; i++){
console.log(myNum[i]);
}
73
98
86
61
- 반복문을 이용해서 배열의 모든 엘리먼트를 더할수 있다.
let myNum = [10, 20, 40, 10];
for(let i=0; i<myNum.length; i++){
return sum = sum + myNum[i];
}
3.배열인지 아닌지 확인하기
- typeof 메소드로 객체 배열을 알아낼수 없다.
let words = ['피','땀','눈물'];
typeof '문자열'
//"string"
typeof 123
//"number"
typeof words;
//"object"
typeof [1,2,3];
//"object"
let obj ={ a:1}
typeof obj;
//"object"
- Array.isArray()로 배열이 맞는지 아닌지 boolean 값으로 알수 있다.
Array.isArray(words)
//true
Array.isArray('문자열')
//false
Array.isArray([1,2,3])
//true
4.배열 요소 추가 삭제 하기
- arr.push() 배열 맨 뒤에 엘리먼트를 추가한다.
let arr= [1, 2, 3]
//undefined
arr.push('호')
//4 (추가했을때 배열 엘리먼트의 갯수)
arr
//(4) [1, 2, 3, "호"]
let words = ['피','땀','눈물'];
typeof '문자열'
//"string"
typeof 123
//"number"
typeof words;
//"object"
typeof [1,2,3];
//"object"
let obj ={ a:1}
typeof obj;
//"object"
Array.isArray(words)
//true
Array.isArray('문자열')
//false
Array.isArray([1,2,3])
//true
- arr.push() 배열 맨 뒤에 엘리먼트를 추가한다.
let arr= [1, 2, 3]
//undefined
arr.push('호')
//4 (추가했을때 배열 엘리먼트의 갯수)
arr
//(4) [1, 2, 3, "호"]
- arr.pop() 배열 맨 뒤에 엘리먼트를 삭제한다.
arr.pop()
//"호" (지운 엘리먼트의 내용)
- arr.shift() 배열 맨 앞 엘리먼트를 삭제
arr.shift()
//1 (지운 엘리먼트의 내용)
- arr.unshift('가') 배열 맨 앞에 엘리먼트를 추가
arr.unshift('가')
//3 (추가했을때 배열 엘리먼트의 갯수)
5.배열 요소 포함 여부 확인하기
- (1) words라는 배열에 있는 원소의 인덱스를 찾으려면
let words= ['Radagast', 'the', 'Brown']
words.indexOf('Brown')
// 2
words.indexOf('the')
//1
words.indexOf('Radagast')
//0
- (2) 없는 원소를 검색할 경우
words.indexOf('없다')
// -1
words.indexOf('Brown') !== -1
//true
words.indexOf('brown')
//-1(자바는 대소문자를 구분한다)
- (3) 함수로 찾으려면
function hasElement(arr,element){
let ispresent = arr.indexOf(element) !==-1;
return isPresent;
}
hasElement(words,'Brown')
//true
- (4) includes로 찾는법 (추천은 하지 않는다.)
- includes는 explorer에서 작동이 되지 않는다.
words.includes('Brown')
//true
words.includes('brown')
//false
출처: 코드스테이츠
Author And Source
이 문제에 관하여(배열(Array) 개요), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@jelkov/배열-개요
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
let words= ['Radagast', 'the', 'Brown']
words.indexOf('Brown')
// 2
words.indexOf('the')
//1
words.indexOf('Radagast')
//0
words.indexOf('없다')
// -1
words.indexOf('Brown') !== -1
//true
words.indexOf('brown')
//-1(자바는 대소문자를 구분한다)
function hasElement(arr,element){
let ispresent = arr.indexOf(element) !==-1;
return isPresent;
}
hasElement(words,'Brown')
//true
- includes는 explorer에서 작동이 되지 않는다.
words.includes('Brown')
//true
words.includes('brown')
//false
출처: 코드스테이츠
Author And Source
이 문제에 관하여(배열(Array) 개요), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@jelkov/배열-개요저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)