반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 게시판상세보기
- 한글깨짐해결방법
- 스프링게시판목록조회
- 게시판만들기
- 스프링게시판만들기
- 게시판목록조회
- 게시판insert
- insert 중복방지
- 자바스크립트
- 이클립스db연결
- 톰캣9.0다운로드
- mysqlinsert한글깨짐
- 톰캣시작페이지설정
- oracle
- dataSource설정
- insert할글깨짐
- 전자정부프레임워크 double-submit
- 스프링게시판insert
- 저장할때한글깨짐
- Java
- 스프링게시판상세보기
- Could not create the java Virtual Machine
- double-submit
- 컨트롤러url
- 스프링프로젝트
- 스프링게시판등록
- HTML
- 이클립스데이터베이스연결
- url설정
- mybatis연결
Archives
- Today
- Total
하루의 일상💜
[자바스크립트] Array 선언과 push(), join(), slice() 본문
반응형
Array 선언
var datas = [];
datas[0] = 10;
datas[4] = 50;
console.log(datas);
자바스크립트의 Array 객체는 길이를 설정하지 않아도 원하는 인덱스에 원하는 값을 바로 추가할 수 있다.
또한 타입이 지정되어 있지 않기 때문에 다양한 타입도 동시에 담을 수 있다.
위와 같은 값을 node에서 출력해보면 아래와 같은 값을 확인할 수 있고 10과 50 사이에는 3칸이 비어있다.

index값을 지정해주는 Array 선언
처음부터 10이라는 index값을 지정하여 10칸짜리 Array를 만들 수 있다.
var datas = new Array(10);
console.log(datas.length);
처음부터 값을 지정하여 칸을 지정해 만들 수 있다. 아래와 같은 경우의 datas.length는 3이 나올 것이다.
var datas = new Array("a","b","c");
위의 3칸이 선언되었지만 아래와 같이 length를 2로 지정해주면 강제로 2칸의 Array가 된다.
datas.length=2;
push()
자바스크립틑에서는 push를 사용해서 데이터에 값을 추가할 수있다. 추가한 값은 가장 마지막에 추가된다.
var datas = [10,20,54,66,"안녕"]
datas.push(22);
console.log(datas);

join()
원하는 구분점을 문자열로 전달하여 각 요소를 전달한 구분점으로 구분한뒤 문자열로 리턴해주는 기능
var datas = [10,20,54,66,"안녕"]
datas.push(22);
console.log(datas.join(" & "));

slice()
원하는 인덱스 범위를 설정해서 자를 수 있는 기능
slice(begin, end) : 원하는 시작 인덱스부터 마지막 인덱스까지 범위 설정(마지막 설정 인덱스는 제외)
slice(begin, end) : 시작 인덱스부터 끝까지
var datas = [10,20,54,66,"안녕"]
datas.push(22);
console.log(datas.slice(1,4));
console.log(datas.slice(3));

반응형
'자바스크립트' 카테고리의 다른 글
[자바스크립트] 문자열 함수, 포함여부 includes(), split(), substring(), === (1) | 2022.10.06 |
---|---|
[자바스크립트] forEach(), indexOf(), map(), filter() (0) | 2022.10.06 |
[자바스크립트] math를 이용한 구구단 연습 만들기 (0) | 2022.10.06 |
[자바스크립트] HTML 요소 입 출력 /prompt, confirm, alert (0) | 2022.10.02 |
[JS] 마우스 올렸다 뗐을 때 이미지 바꾸기 (0) | 2022.09.29 |