어제 오늘 내일

Javascript의 배열을 다루는 방법을 알아보고 있습니다. [Javascript] 배열 선언하는 2가지 방법 [Javascript] 배열 앞, 뒤에 값 추가, 삭제하기 (1) [Javascript] 배열 중간에 값 추가, 삭제하기 (2) - splice() 함수 [Javascript] 배열 합치기 3가지 방법 배열 자르기 배열의 일부분을 잘라내어, 새로운 배열로 리턴하기 위해서는 slice() 함수를 사용합니다. slice() arr.slice([begin[, end]]) slice 함수는 잘라낼 배열의 시작index와 end index를 파라미터로 받아서, 그 사이의 원소들을 새로운 배열로 만들어서 리턴합니다. 이때 원본 배열인 arr은 변경되지 않습니다. 파라미터 begin 잘라낼 배열의 시작 i..

지난 번에는 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..

문자열을 일정한 구분자로 잘라서 각각의 문자열을 배열로 저장하는 방법을 알아보도록 하겠습니다. 문자열을 일정한 구분자로 잘라서 배열로 저장하기 위해서는 split() 함수를 사용합니다. split() 함수 string.split(separator, limit) split() 함수는, 문자열을 'separator'로 잘라서, 'limit' 크기 이하의 배열에 잘라진 문자열을 저장하여 리턴합니다. separator 필수 아님 문자열을 잘라 줄 구분자 (문자열 또는 정규식) 값이 입력되지 않으면 문자열 전체를 배열에 담아서 리턴합니다. limit 필수 아님 최대 분할 갯수 예제 1. 파라미터를 입력하지 않을 경우 See the Pen 문자열 by anna (@hianna) on CodePen. 파라미터로 아무..

Javascript에서 배열의 길이를 체크하기 위해서는 Array 인스턴스의 length 속성을 사용합니다. 배열의 length 속성 활용하기 See the Pen 배열 by anna (@hianna) on CodePen. 배열의 길이는 Array 인스턴스의 length 속성을 통해서 확인할 수 있습니다. 또한, length 속성 값을 직접 설정하여, 배열의 길이를 조정할 수도 있습니다.