일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- input
- CSS
- Array
- Java
- 이탈리아
- 자바스크립트
- 이클립스
- windows
- vscode
- Eclipse
- Visual Studio Code
- IntelliJ
- js
- table
- date
- 자바
- ArrayList
- 문자열
- 테이블
- 배열
- Button
- json
- Maven
- CMD
- 인텔리제이
- Files
- string
- list
- html
- javascript
- Today
- Total
목록자바스크립트 (142)
어제 오늘 내일
Javascript의 배열에서 특정 값의 위치를 찾는 방법을 소개하고 있습니다. 1. indexOf(), lastIndexOf() 활용하기 2. findIndex() 활용하기 이번에는 findIndex() 함수를 사용하여 배열의 특정 값 위치(index)를 찾는 방법입니다. 배열 특정 값 위치(index) 찾기 - findIndex() 1. findIndex() 함수 소개 arr.findIndex(callback( element[, index[, array]] )[, thisArg]) findIndex() 함수는 배열에서 값을 찾는 조건을 callback 함수로 전달하고, 배열에서 조건에 맞는 값의 '첫번째 index'를 리턴하는 함수입니다. 파라미터 callback(element, index, arra..
배열에서 특정 값의 위치 index를 찾는 방법을 소개합니다. Javascript에서 배열에서 특정 값의 위치를 찾는 방법은 다양합니다. 이번에는 먼저, indexOf() 함수와 lastIndexOf() 함수를 사용하여 배열에서 특정 값의 위치(index)를 찾는 방법을 알아보도록 하겠습니다. 1. indexOf(), lastIndexOf() 활용하기 2. findIndex() 활용하기 배열 특정 값 위치(index) 찾기 - indexOf(), lastIndexOf() 1. indexOf()와 lastIndexOf() 함수 소개 indexOf() arr.indexOf(searchElement[, fromIndex]) 배열 안에서 찾으려는 값(searchElement)과 정확하게 일치(===)하는 '첫번..
Javascript에서 배열을 다루는 방법을 알아보고 있습니다. [Javascript] 배열 선언하는 2가지 방법 [Javascript] 배열 앞, 뒤에 값 추가, 삭제하기 (1) [Javascript] 배열 중간에 값 추가, 삭제하기 (2) - splice() 함수 [Javascript] 배열 합치기 3가지 방법 [Javascript] 배열 자르기 - slice() 배열을 같은 값으로 채우기 이번에는 배열을 같은 값으로 채우는 fill() 함수에 대해서 알아보겠습니다. fill() arr.fill(value[, start[, end]]) fill() 함수는 배열의 start index부터 end index 전까지(end index는 미포함) value값으로 채워주는 함수입니다. 파라미터 value 배열..
Javascript의 배열을 다루는 방법을 알아보고 있습니다. [Javascript] 배열 선언하는 2가지 방법 [Javascript] 배열 앞, 뒤에 값 추가, 삭제하기 (1) [Javascript] 배열 중간에 값 추가, 삭제하기 (2) - splice() 함수 [Javascript] 배열 합치기 3가지 방법 배열 자르기 배열의 일부분을 잘라내어, 새로운 배열로 리턴하기 위해서는 slice() 함수를 사용합니다. slice() arr.slice([begin[, end]]) slice 함수는 잘라낼 배열의 시작index와 end index를 파라미터로 받아서, 그 사이의 원소들을 새로운 배열로 만들어서 리턴합니다. 이때 원본 배열인 arr은 변경되지 않습니다. 파라미터 begin 잘라낼 배열의 시작 i..
지난번에는 배열의 앞, 뒤, 중간에 값을 추가하는 방법을 알아보았습니다. [Javascript] 배열 앞, 뒤에 값 추가, 삭제하기 (1) [Javascript] 배열 중간에 값 추가, 삭제하기 (2) - splice() 함수 이번에는 두 개 이상의 배열을 합쳐서 하나의 배열로 만드는 방법을 알아보도록 하겠습니다. 배열 합치기 3가지 방법 1. concat() 함수 2. ... spread operator (전개 연산자) 3. push() 함수와 spread operator 1. concat() 함수 array.concat([value1[, value2[, ...[, valueN]]]]) concat() 함수는 파라미터로 받은 배열이나 값들을 기존의 배열에 합쳐서, 새로운 배열을 만들어서 리턴합니다. 파..
지난 번에는 unshift(), shift(), push(), pop() 함수를 사용하여, 배열의 맨 앞과 뒤의 원소를 추가, 삭제하는 방법을 알아보았습니다. [Javascript] 배열에 값 추가, 삭제하기 (앞, 뒤) (1) 이번에는 splice() 함수를 사용하여, 배열의 중간에 원소를 추가 삭제하는 방법을 알아보도록 하겠습니다. 물론, 이 방법으로 배열의 맨 앞과 끝에 원소를 추가, 삭제 할 수도 있습니다. 배열의 중간에 값 추가, 삭제하기 배열의 중간에 원소를 추가, 삭제하기 위해서는 splice() 함수를 사용합니다. splice() array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) description splice() 함수는 start..
지난번에는 배열을 선언하는 방법을 알아보았습니다. [Javascript] 배열 선언하는 2가지 방법 이번에는 배열의 앞과 뒤에 값을 추가하는 방법을 알아보도록 하겠습니다. 배열 값 추가, 삭제하기 (앞, 뒤, 중간) 배열에 값을 추가할 때는 위 그림과 같이 5개의 함수를 주로 사용합니다. 배열의 맨 앞에 값 추가 : unshift() 배열의 맨 앞 값 제거 : shift() 배열의 맨 뒤에 값 추가 : push() 배열의 맨 뒤 값 제거 : pop() 배열의 중간에 값 추가, 삭제 : splice() unshift() arr.unshift([...elementN]) 배열의 맨 앞에 파라미터로 전달 받은 element들을 추가합니다. 파라미터 배열의 앞 부분에 추가할 elements 리턴 값 파라미터로 전..
Javascript에서 배열을 선언하는 방법은 대괄호([])를 사용하는 방법과 new Array()를 이용하는 방법 이렇게 2가지가 있습니다. [Javascript] 배열을 선언하는 2가지 방법 let arr1 = []; let arr2 = new Array(); 대괄호([]) 사용하여 배열 선언하기 See the Pen 배열 by anna (@hianna) on CodePen. 위와 같이 대괄호를 이용하여 빈 배열을 생성할 수도 있고, 배열을 선언할 때 초기값을 설정해 줄 수도 있습니다. arr1 = []; 빈 배열을 생성하였습니다. 이 배열의 길이는 0입니다. arr2 = ['white', 'red', 'black']; 초기값을 설정하면서 배열을 생성하였습니다. 이 배열의 길이는 3입니다. See t..
Javascript의 반복문 for를 이용하여 1부터 100까지의 합계를 구하는 방법입니다. 1부터 100까지의 합 계산하기 (for문) for문을 사용하는 방법은 아래의 포스팅을 참조하세요. [Javascript] 반복문(1) - for (예제 1) See the Pen 반복문 by anna (@hianna) on CodePen. for문을 사용하여 index인 i값이 증가할 때마다 sum에 i값을 더해 주고 있습니다. for문에서 index 값이 1부터 시작되고, index값인 i가 100이 될때까지 for문은 실행됩니다. i값이 101이 되면 for문은 종료됩니다. (예제 2) '+=' 연산자 사용 See the Pen 반복문 by anna (@hianna) on CodePen. 예제 1과 같은 코..
Javascript에서 시간을 표현하고, 시간을 다루는 여러가지 방법을 알아보고 있습니다. [HTML] 날짜 입력 항목에 현재 시간을 기본값으로 세팅하기 [Javascript] 현재 날짜, 시간 구하기 [Javascript] Date 객체로 원하는 날짜, 시간 표현하기 [Javascript] 날짜 계산하기 (년/월/일 더하기, 빼기) [Javascript] 월의 마지막 날짜 계산하기 [Javascript] 날짜 계산 (Date) 마지막 날짜(말일)/윤달/윤년 처리하기 [Javascript] 시간 계산하기 (시/분/초/ 더하기, 빼기) [Javascript] 경과 시간 계산하기 (시간, 분, 초) [Javascript] 두 날짜 사이 일수 계산하기 (경과 일수) 이번에는 Javascript에서 함수의 실행..