자바스크립트

배열에서 원하는 조건에 맞는 배열 요소만을 추출해서 가져오는 방법은 여러가지가 있습니다. forEach(), map() 메서드를 이용해 콜백함수 안에서 조건 체크를 해서 배열을 생성, 또는 반환할 수 있습니다. 자바스크립트에는 조건문을 콜백함수로 작성해 원하는 요소들만 배열로 반환받을 수 있는 some() 메서드가 아얘 제공됩니다. 이 메서드를 사용하면 map() 메서드를 사용해 조건절 체크 및 조건에

null과 빈배열 자바스크립트에서 null, 또는 널이라는 것은 값이 지정되어 초기화되지 않은 객체를 말합니다. 정확히는 널객체라고 해야 합니다. 아래와 같이 null을 대입해 초기화를 합니다. var data = null; console.log(typeof(data)); 그와 달리 빈배열은 배열 오브젝트로 초기화 되어 있으며, 배열 메서드를 사용할 수 있고, 길이 값이 0인 배열 객체를 말합니다. 빈

배열 요소에 인자와 일치하는 값이 있으면, 해당 위치의 인덱스를 얻을 수 있습니다. 검색은 앞에서 부터 순차적으로 진행됩니다.되며,  검색해야할 범위를 알 경우, 검색 시작 위치를 지정하거나, 끝에서 부터 역순으로 검색할 수도 있습니다. Array.indexOf(검색값, 시작인덱스); Array.lastIndexOf(검색값, 시작인덱스); 검색값 위치를 얻기 const arr1 = ['펭수', '라이언', '어피치', '콘', '브라운',

배열 요소의 추가 삭제가 제한적인 다른 언어와 달리 javascript에는 배열 요소를 수정 삭제할 수 있는 강력한 메서드를 제공합니다. splice() 메서드를 사용하면 1개 이상의 연달아 나오는 배열 요소(들)을 삭제할 수 있으며, 동시에 배열 요소를 추가하는 것 또한 가능합니다. 배열 요소를 추가하는 다양한 메서드들이 제공되지만, 훨씬 강력한 배열 요소 삽입

배열 요소값이 순차적으로 되어있지 않은 경우 비교함수를 인자로 넣어 오름차순, 또는 내림차순으로 정렬할 수 있습니다. 배열의 정렬은 배열 자체를 정렬하며, 별도의 반환 값은 없습니다. 사용방법은 아래와 같습니다. Array.sort(function(a,b){ return 비교값 }); 비교값에 따른 정렬 기준은 다음과 같습니다. 반환하는 비교 결과값은 반드시 정수여야 하며, 양수, 음수에 따라 정렬

서버 API를 이용해 RESTFul 서비스를 제공하는 방식의 개발이 일반화되면서 JSON(Javascript Object Notation)은 API를 통한 데이터 교환의 사실상 표준이 되었습니다. 자바스크립트는 JSON 데이터 요소에 객체 참조 방식으로 접근이 가능하기 때문에 데이터를 UI에 적용하는데 직관적인 환경을 제공합니다. UI에 JSON 데이터를 가져와 적용할 때는 편리하지만, 데이터를 재가공하거나, 계산 결과를 얻어야 하는

문자열과 배열은 자바스크립트에서 밀접한 관련을 가지고 있습니다. 웹에서 입력 받는 모든 입력 값들은 기본적으로 문자열이기 때문에 문자열 입력을 배열 데이터로 변경해 여러가지 처리를 편리하게 할 수 있기 때문에 문자열 데이터는 많은 경우에 내부적으로 배열로 변경해 처리하게 됩니다. 자바스크립트에서는 split() 메서드가 이 역할을 담당하며, 강력한 기능을 제공합니다. split() 메서드를 활용해 배열을

배열에 요소를 삽입하는 방법은 배열 앞과 뒤에 배열 요소를 추가하는 방법과, 배열 사이에 배열 요소를 추가하는 방법으로 나누어집니다. 배열의 추가, 삭제 시 가장 빠른 방법은 배열의 맨 앞에나 뒤에서 추가, 삭제를 하는 방법입니다. 배열 중간에 요소를 추가, 삭제하는 경우 내부적으로 추가 처리가 필요해지기 때문에  배열 맨 앞에 요소를 추가하기 shift(

배열을 합치는 방법은 배열 요소를 합쳐 하나의 문자열로 만드는 것과 2개 이상읠 배열을 합쳐 하나의 배열로 만드는 것으로 구분합니다. 둘은 완전히 다른 방법이지만, 메서드가 유사하다보니 가장 많이 혼동을 하기도 합니다. 배열 요소를 합쳐 문자열로 만드는 것은 join(), 2개 이상의 배열을 합쳐 하나의 배열로 만드는 것은 concat() 입니다. concat() 메서드의 경우

자바스크립트 코드를 작성할 때 에디터 화면을 넘는 긴 문자열, 또는 아주 긴 HTML 템플릿 코드 등을 작성하는 경우, 코드 가독성을 위해 긴 문자열이나 문장을 여러줄에 나누어 표시해야 하는 경우가 있습니다. 특히 HTML 코드를 템플릿으로 작성해 사용하는 경우 코딩의 편리함과 가독성 사이에서 적절히 타협을 해야할 필요가 생깁니다. 자바스크립트에서는 하나의 긴 문자열을