Blue Breeze

Array.Method 실행 Array.prototype.forEach() 주어진 함수를 배열 요소 각각에 대해 실행합니다. forEach()는 주어진 callback을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행합니다. 삭제했거나 초기화하지 않은 인덱스 속성에 대해서는 실행하지 않습니다. (예: 희소 배열) callback은 다음 세 인수와 함께 호출됩니다. 요소 값 요소 인덱스 순회 중인 배열 // arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]); ['a', 'b', 'c'].forEach(x=>console.log(x)) // "a" // "b" // "c"채우기 Array.pr..

Array.prototype.reduce() reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환합니다. 매개변수 callback 배열의 각 요소에 대해 실행할 함수. 다음 네 가지 인수를 받습니다. 누산기accumulator (acc) 누산기accmulator는 콜백의 반환값을 누적합니다. 콜백의 이전 반환값 또는, 콜백의 첫 번째 호출이면서 initialValue를 제공한 경우에는 initialValue의 값입니다. 현재 값 currentValue (cur) 현재 인덱스 currentIndex (idx) 처리할 현재 요소의 인덱스. initialValue를 제공한 경우 0, 아니면 1부터 시작합니다. 원본 배열 array (src) re..

Type Array 타입 배열은 트구한 목적을 가진 배열로, 숫자 타입(모든 타입이 아님)과 동작하도록 설계 되었다. 타입 배열은 WebGL로부터 시작되었으며, WebGL은 OpenGL ES 2.0을 포팅하여 웹 페이지에서 엘리멘트와 사용되록 설계된 버전을 의미한다. javascript에서 빠른 산술 비트 연산을 제고하기 위한 포팅 과정의 일부로 타입 배열이 만들어 졌다. javascript 숫자를 이용한 산술 연산은 숫자를 64bit 부동소수점 형식으로 저장하고 필요에 따라 32bit 정수로 변환했기 때문에 WebGL을 위해서는 너무 느렸다. 타입 배열은 이러한 제약을 피하고 더 나은 성능의 산술 연산을 제공하기 위해 도입되었다. 이 개념은 어떤 단일 숫자든지 비트 배열처럼 처리될 수 있도록 하며, j..

ECMAScript 6 New Method find(), findIndex() let numbers = [25, 30, 35, 40, 45]; console.log(number.find(n => n > 33)); // 35, 3보다 큰값 console.log(number.findIndex(n => 33)); // 2, 3보다 큰값을 가지는 index fill() let numbers = [1, 2, 3, 4]; numbers.fill(1); console.log(numbers.toString()); // 1, 1, 1, 1 numbers.fill(1, 2); console.log(number.toString()); // 1, 2, 1, 1 numbers.fill(0, 1, 3); console.log(n..

배열 만들기, 배열 생성 Array.of() 메서드 // new Array() let items = new Array(2); console.log(items.length); // 2 console.log(items[0]); // undefined console.log(items[1]); // undefined items = new Array("2"); console.log(items.length); // 1 console.log(items[0]); // "2" let items = new Array(1, 2); console.log(items.length); // 2 console.log(items[0]); // 1 console.log(items[1]); // 2 let items = new Array..

Transforms on SVG Elements - SVG 요소 변환

Unserscorejs.org #template underscore template _.template(templateString, [settings]) JavaScript 템플릿을 렌더링을 위해 평가할 수있는 함수로 컴파일합니다. JSON 데이터 소스에서 복잡한 HTML 비트를 렌더링하는 데 유용합니다. 템플릿 함수는 를 사용하여 값을 삽입하고 와 함께 임의의 JavaScript 코드를 실행할 수 있습니다. 값을 보간하고 HTML 이스케이프 처리하려면 를 사용하십시오. 템플릿 함수를 평가할 때 템플릿의 자유 변수에 해당하는 속성을 가진 데이터 객체를 전달하십시오. 설정 인수는 재정의되어야하는 _templateSettings를 포함하는 해시 여야합니다. var compiled = _.template("h..

자바스크립트 언어 자료 JSON 스타일 가이드라인 JSON에서 가장 중요한 것은 상호운용성이다. 그러므로 JSON 데이터 피드를 수신자 측에서 바라는 형태로 제공하는 것이 중요하다. Google은 JSON 스타일 가이드(https://google.github.io/styleguide/jsoncstyleguide.xml)를 배포하여 모범 사례를 공유하고 유지보수성을 향상시키는 데 기여하고 있다. Google의 JSON 스타일 가이드는 매우 광범위하지만, API 설계자 및 개발자에게 가장 중요한 것을 꼽자면 다음과 같다. 속성이름 날짜 속성값 열거형 값 속성 이름 속성 이름은(Google의 표현을 따르자면) 이름 값 쌍에서 콜론 왼쪽에 위치한다(속성 값은 콜론의 오른쪽). JSON의 속성 이름을 짓는 주요 ..

JavaScript: indexOf vs. Match when Searching Strings? RegExp vs indexOf 일반적으로 정규화 검색은 문제가 되지 않지만, indexOf 보다는 느리다.

convert '1' to '0001' in JavaScript [duplicate] var str = '1234'; str = ('00000000'+str).substring(str.length); // 00001234 var str = '12345678'; str = ('00000000'+str).substring(str.length); // 12345678