더 나은 웹개발을 꿈꾸는 기술 블로그. 웹이즈프리.
총 29개의 일치하는 문서를 찾았습니다.
- js
자바스크립트 Array 스태틱 메소드 from() 알아보기
자바스크립트의 배열 Array의 static 메소드 중 하나인 from()에 대하여 알아보겠습니다.# 자바스크립트 Array 메소드 from()은?from()은 배열에 사용하는 메소드로 대상이 되는 값을 배열로 변환해주는 매우 유용한 메소드입니다. 특히 반환할 배열의 값을 MapFunction을 사용해 순회할 수 있기 때문에 다양한 형태로 자주 사용되는 유용한 메소드라 할 수 있습니다. 우선 간단한 문법은 아래와 같습니다.Array.from(Object, MapFunction, thisArg)Static 메소드로 new 키워드는 사용하지 않습니다. 그리고 from()...
Last Modified : 2022-08-05 15:26:00
Created : 2022-08-05 12:53:00 
js[자바스크립트] 배열처럼 사용하는 set 알아보기
안녕하세요 ~ 오늘은 자바스크립트에서 배열처럼 사용하는 set에 대하여 알아보려고 합니다. 간략하게 set은 무엇이고 배열과의 차이점은 무엇인지 알아볼께요!# set은 무엇인가?그럼 가장 먼저 set은 무엇일까요? 자바스크립트에서 set은 ES 6에서 처음 소개되었으며 새로운 형태의 데이터 타입으로 사용되는 객체입니다.@ 배열처럼 사용하는 set자바스크립트에서 set을 사용하다 보면 배열과 비교되고는 합니다. 왜 그럴까요? 실제로 사용해보면 배열과 크게 다르지 않기 때문입니다. 문법의 차이점과 동일한 값을 가지지 않는다는 점만 제외한다면 사실 set이 반드시...
Last Modified : 2022-05-16 21:22:45
Created : 2022-05-16 19:23:00
js자바스크립트 배열 메소드 every() 알아보기
자바스크립트의 배열에 사용되는 많은 메소드 중에서 every()에 대하여 알아봅니다.# 자바스크립트 배열 메소드 every()배열에 사용하는 every() 메소드는 ES 5에 추가되었으며 대부분의 브라우저에서 지원됩니다. every()는 배열에 사용하는데 배열이 가진 모두 값을 검증하여 그 결과를 불리언인 true/false로 반환할 수 있습니다. 예를들어 배열의 값이 특정 값보다 큰지 아닌지를 알아보거나 짝수인지 홀수인지도 확인할 수 있습니다. 그럼 간단한 문법을 알아봅니다.Array.every(function, this[option])간단한 문법은 위와 같으며 함...
Last Modified : 2022-01-05 21:28:29
Created : 2022-01-05 19:11:31
js[자바스크립트] 배열의 맨 앞에 추가하거나 삭제하기, shift, unshift
자바스크립의 배열에 값을 추가하는 방법은 여러가지가 있습니다. 만약 배열의 맨 앞에 값을 추가하거나 삭제하는 방법을 알아보려고 합니다.# 자바스크립트 배열의 맨 앞 또는 맨 뒤에 값을 추가하기자바스크립트의 배열에는 다양한 내장 함수가 존재하며 이 중에서 배열 맨 앞에 사용하는 함수가 존재합니다. 바로 shift(), unshift()입니다.shift() // 배열 맨 앞의 값 삭제unshift(값) // 배열 맨 앞의 값 추가배열의 맨 앞의 값을 추가하거나 제거하는데 가장 쉽고 빠르게 사용할 수 있는 방법입니다.먼저 shift()는 배열 맨 앞의 값을 제거합니다. 그...
Last Modified : 2021-01-08 15:35:39
Created : 2021-01-06 10:02:00
js자바스크립트 배열 값 순서 바꾸기, 변경하기
자바스크립트 배열이 여러 개의 값을 가지고 있을 때 만약 배열 값의 순서를 바꾸려면 어떻게 하는지 알아봅니다.# 자바스크립트 배열의 값 순서 바꾸기자바스크립트의 배열은 순서대로 정렬되어 저장됩니다. 즉 원하는 순서대로 배열 값을 위치시키는 것이 가능하다는 뜻입니다. 만약 기존의 배열 순서를 다른 순서로 변경해야 한다면 어떻게 할까요? 몇 가지 방법들이 있는데요... 루프를 사용하여 모든 값들을 다시 순서대로 추가하는 방법도 있고 아니면 이동할 값만 잘라내서 원하는 위치에 추가하는 방법도 있습니다.여기서는 두 번째 방법인 배열의 값 중 이동해야 할 값만 다른 ...
Last Modified : 2020-12-23 08:10:39
Created : 2020-12-22 17:58:00
js자바스크립트 배열 값을 찾아 다른 값으로 변경하기
자바스크립트의 배열의 값 중 하나를 찾아 다른 값으로 변경하는 방법을 알아봅니다.# 자바스크립트 배열 값 다른 값으로 대치, 변경우선 배열의 값을 다른 값으로 변경하기 위해 다음과 같은 과정이 필요합니다.1. 배열인지 타입을 확인2. 배열에서 변경할 값의 위치 인덱스(index) 얻기3. 해당 인덱스를 사용하여 새로운 값 변경과정은 간단합니다. 아래에서는 함수를 하나 만들텐데 이름은 updateArray()입니다.updateArray(myArray, oldValue, newValue)이 함수는 세 개의 인자를 받아 처리합니다. 첫 번째는 배열값이며 두 번째은 변경할 ...
Last Modified : 2020-10-31 11:13:31
Created : 2020-10-31 11:11:00
js자바스크립트 배열 여부 확인하는 메소드, Array.isArray()
자바스크립트에서 배열 타입의 여부를 확인하는 방법에 대하여 알아보려고 합니다. 어떻게 하면 배열 타입임을 확실하고 빨리 알 수 있을까요?# 자바스크립트 배열 확인하기, Array.iosArray()먼저 자바스크립트에서 배열 타입을 알려면 어떻게 알 수 있을까요? 쉽게 생각해보면 아래와 같은 두 가지 방법이 떠오릅니다.typeof <Variable><Variable> instanceof Array그런데 만약 객체 타입의 값이라면? 이 경우 배열 타입을 분별하기는 어렵습니다. 왜냐하면 자바스크립트에서 배열도 객체이고 객체도 객체이기 때문입니다.쉽게 ...
Last Modified : 2020-08-12 08:38:47
Created : 2020-07-14 08:02:00
js[자바스크립트] 배열 메소드 entries() 알아보기
자바스크립트 배열 타입에 사용하는 entries() 메소드에 대하여 알아봅니다.# 자바스크립트 entries() 메소드 알아보기배열에 사용 가능한 다양한 메소드 들이 존재하죠. 그 중에 entries()에 대하여 알아보려고 합니다.참고로 객체에도 entries()가 존재합니다. 객체의 entries()는 배열과 비슷하게 모든 프로퍼티를 key, value로 반환하죠. 함께 알아두시면 좋습니다. 아래 링크를 참고하세요.https://webisfree.com/2019-06-18/자바스크립트-object-메소드-entries()-알아보기! entries()는?배열에 사용하...
Last Modified : 2020-06-15 20:53:41
Created : 2020-04-27 15:41:16
js자바스크립트 배열에서 빈 값만 제거하기
자바스크립트에서 만약 빈 배열 값이 존재하는 경우 이런 값만 삭제하는 방법을 알아보려고 합니다.예를들어 기존의 값이 위라면 아래와 같이 변경하는 방법입니다.myNum = [1, undefined, 3, '', 5]; // 변경 전myNum = [1, 3, 5] // 변경 후즉 값이 비었거나 선언되지 않은 배열 값만 제거하는 방법입니다.# 자바스크립트 배열에서 빈 값 제거하기이제 예제를 하나 만들어 봅니다. 일단 테스트 변수를 하나 만들어야 겠죠. 위의 myNum 배열을 그대로 가져옵니다. 그리고 여기서 배열 함수 filter()를 사용해 값이 있는 것만 반환하도록 코...
Last Modified : 2020-05-31 06:28:51
Created : 2020-03-07 16:30:36
pythonPython range() 함수, 반복문 및 배열 만들기
Python에서 사용 가능한 range() 함수에 대하여 알아봅니다.! range() 함수는?파이썬의 range() 함수는 연속된 숫자를 반환하는 함수입니다. 매우 간단하게 연속된 수열을 만들 수도 있죠. 아래는 간단한 문법입니다.range(startNumber, stopNumber, stepSize)- startNumber : 시작값을 나타내며 기본값은 0 (선택값)- stopNumber : 연속될 마지막 값을 나타냄. 단 자신은 포함되지 않음 (필수값)- stepSize : 연속될 수의 한 단위 값을 결정함 (선택값)이처럼 연속된 숫자를 쉽게 만들어 주게 됩니다....
Last Modified : 2019-08-18 09:16:58
Created : 2019-08-17 17:38:32