반응형
배열 Array methos 메서드
| arr.push(); | ()안에 넣은 값을 배열 뒤에(무조건 맨끝에) 추가적으로 넣기 |
| arr.pop(); | 배열의 맨 뒤에 있는 원소(?) 값을 없앰 |
| arr.indexOf(); | (찾을요소, 시작위치) 를 넣으면 해당하는 키값을 던져줌 |
| arr.slice(a,b); | arr 배열의 a 번째(0부터카운트) 요소부터 b의 바로 전 요소를 slice 함 |
| arr.unshift(); | arr 배열 첫 원소로 해당 값을 추가함. (push와 반대) |
| arr.shift(); | arr 배열 첫 원소를 삭제함 (pop과 반대) |
| newArray(변수명) = arr.concat(arr2); | arr 배열에 arr2 배열을 합치기 (배열 더하기) |
| arr.reverse(); | arr 배열의 원소를 거꾸로 돌리기 |
| arr.join(); | 배열의 모든 요소를 문자열로 합치는 매서드배열 Array methos 메서드 -> 배열로 출력 x |
| Array.from() | Array.from() 메서드는 유사 배열 객체(array-like object)나반복 가능한 객체(iterable object)를 얕게 복사해새로운Array 객체를 만듭니다. |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript">
// Template literals
let name='ingoo';
let txt='hello'+name+'world!';
let txt1=`hello ${name} world`; //변수 넣을 때 조금 편한 기능
let a='boo';
let b='자바';
let c='스크립트';
let str = `저는 ${a}이고 ${b+c}를 합니다.`;
console.log(str);
// ARRAY //
arr = new Array();
arr = [];
arr = [,,,,,]; //빈값 - 쉼표 개수만큼 !
console.log(arr);
arr = [1,2,3];
console.log(arr); // [1,2,3]
//PUSH//
arr.push(3); // [1,2,3,3] Return을 바로 실행
console.log(arr);
arr.push(4); // [1,2,3,3,4]
console.log(arr);
//POP//
arr.pop();// [1,2,3,3]
console.log(arr);
arr.pop();
arr.pop(); //[1,2];
console.log(arr);
//INDEXOF // 요즘엔 별로 안쓸 수도. 알아만두기
arr.indexOf()
//indexOf() 에는 인자값 2개 들어감. 1: 찾을 요소 2: 어디서부터 찾는지
arr.push(3,4,5,6,7,8,9,10);
console.log(arr);
// key [0,1,2,3,4,5,6,7,8,9]
//value[1,2,3,4,5,6,7,8,9,10]
//4라는 숫자를 찾고 싶다면 ?
arr.indexOf(4,0); // 4를 0번째부터 찾고 싶다.
console.log(arr.indexOf(4,0)); //3 4를 가리키는 3이 뜸
arr.indexOf(4,4);
console.log(arr.indexOf(4,4)); //-1 -> 찾을 수 없다.
console.log(arr.indexOf(4,1)); //3 ??????????
console.log(arr.indexOf(4,2)); //3
console.log(arr.indexOf(4,3)); //3 왜징
// 2번째 배열 추가요 ~
arr2 = [1,2,3,4,5,6,[1,2,3]];
console.log(arr2); //7 개수
console.log(arr2[4]); //5
console.log(arr2[6]); // (3)[1,2,3]
//이중배열
// 3번재 배열 추가요 ~
arr3 = [[,,,,],[,,,,],[,,,,]]; // length = 3 // 그 안에 4개씩 (3*4)
console.log(arr3); // [Array(4),Array(4),Array(4)]
arr3 = [
[101,102,103,104],
[201,202,203,204],
[301,302,303,304]
];
console.log(arr3);
//1층에 104호만 출력하기
console.log(arr3[0]); // [101,102,103,104]
console.log(arr3[0][3]); //[104]
//2층에 204호 빼기
//console.log(arr3[1].pop());
//console.log(arr3);
arr3[1].pop();
arr3[1].push(204);
console.log(arr3);
// -------------------2 교 시------------------------//
// 배열의 전체 수를 나오게 만들기
for(i=0; i<arr3.length; i++){
for(j=0; j<arr3[i].length; j++){
console.log(arr3[i][j]);
}
}
// 놓친 부분 - arr3.length & arr3[i].length를 3,4로 불가변적으로 씀
//쌤이 하신 forEach 사용한 거
arr3.forEach(v=>{
v.forEach(v2=>{
console.log(v2);
});
});
arr3.forEach((v,k)=>{
v.forEach((v2,k2) =>{
console.log(v2);
console.log(k2);
});
});
</script>
</head>
<body>
</body>
</html>교수님의 신호 -> 5분간 들어올 수 있음.
= 출석 4번 ~ (근데 모든 교시 출석할수도! 낼 확인 가능) =
1. 오전9시 -> 출석 신호
오전 9시 10분까지 -> 1교시 출석 또해야함
2. 오후 1시 50분에 2교시 출석
3. 오후 5시 40분에 퇴실
어떤반은 매 시간 출석함..
혹시 안되면 qr로 가능
= zoom =
줌 로그인 다시 해보기
자료에 오늘 공부할거 있음 공부 ㄱ ㄱ
반응형
'블록체인 기반 핀테크 및 응용 SW개발자 양성과정 일기' 카테고리의 다른 글
| console.log에 달력 출력하기 (0) | 2021.04.19 |
|---|---|
| [24일차 zoom수업] 20210415 배열 Array 달력 만들기 (0) | 2021.04.15 |
| [23일차] 배열 연습 / 배열 메서드, Array Method / filter, reduce, map, concat, sort, join etc. (0) | 2021.04.14 |
| ZeroCho의 JS 초급강좌 2-4. 배열 기본 / 4-2. 배열 push pop shift unshift / 4-3. 배열 splice / 5-2. 이차원 배열 / 6-2. 배열 map method / (0) | 2021.04.14 |
| [22일차] 20210413 fiverr slide 슬라이드 배열? 로 바꾸기 업그레이드 시키기 (0) | 2021.04.13 |
