자바스크립트에서 배열에 새로운 값을 추가하고 싶은 경우가 있다면 어떻게 해야할까요? 원하는 값을 앞 또는 뒤 원하는 위치에 아래 두 가지 함수를 사용해 간단히 추가할 수 있습니다.# 자바스크립트 배열의 앞 또는 뒤에 추가 방법만약 test라는 이름의 변수가 있다면 변수를 아래와 같이 추가할 수 있습니다. 사용방법은 아래와 같습니다.test.unshift('123');// 앞에 새로운 배열값 추가 test.push('890');// 뒤에 새로운 배열값 추가 보시는 것처럼 배열에 새로운 값을 추가할 수 있습니다. 배열을 선언 후 앞 또는 뒤에 추가하는 점만 차이점이고 나머지는 같습니다. 그럼 아래 예제를 봐주세요. 아래는 배열을 추가하는 방법에 대하여 더 자세하게 알아보겠습니다.# unshift() 새로운 배
Last Modified : 2019-01-24 13:27:15특정문자를 기준으로하여 문자열을 나누거나 구분하는 방법이 필요할 때가 있습니다. 이때 자바스크립트에서는 어떻게해야할까요? 이 경우 사용가능한 방법으로 바로 split() 함수를 사용하는 방법입니다.# 자바스크립트 문자열을 배열로 변환하기, split()split()은 하나의 텍스트를 기준이 되는 텍스트(예를들어 콤마 등등)로 분리하여 여러개의 값을 가진 배열로 변환 후 반환하여 줍니다. 매우 자주 사용되므로 꼭 알아두어야 할 필수 함수 중 하나입니다. 그럼 좀 더 자세히 알아보겠습니다. 아래는 사용방법입니다.변수명.split('구분의 기준이 되는 문자열') 사용방법은 간단합니다. split()의 인자로 기준이 될 구분 문자만 전달하면 해당 문자열을 기준으로 각각 배열값으로 저장하게 됩니다.! 언제 필요한가어
Last Modified : 2018-09-10 19:36:21자바스크립트에는 많은 데이터 타입이 존재하며 그 중 하나로 배열(array)이 존재합니다. 배열은 자바를 비롯한 대부분의 언어가 가지는 데이터 타입으로 자바스크립트만의 특별한 자료 구조는 아닙니다. 그렇다면 배열이 사용, 선언되는 경우는 언제일까요?# 배열이 사용되는 경우배열을 선언하는 이유는 배열값이 한개의 값이 아닌 여러개의 데이터값을 동시에 가질 수 있기 때문입니다. 그래서 데이터의 집합을 저장하기 위한 용도로 사용하며 반대로 단일 데이터의 경우에는 문자 및 숫자 등의 타입이 사용됩니다. 이런 이유로 배열을 사용할 경우 아래와 같은 장점이 있을 것입니다.! 배열의 데이터 타입(구조)의 장점 단일 데이터(Single data)가 아닌 다수의 데이터(Multiple data) 저장 연관있는 데이터를 함께
Last Modified : 2021-01-05 12:21:14PHP의 자료 타입 중 하나인 배열은 한개가 아닌 다수의 값을 가지고 있습니다. 만약, 배열이 가진 값의 총 개수를 확인하려면 어떻게 해야할까요? 몇 개의 값을 가지고 있는지 구해야 하는 경우 배열의 개수를 반환하는 함수 count()를 사용할 수 있습니다. count() 함수를 사용하면 해당하는 배열이 몇 개의 값을 가지고 있는지 계산하여 숫자로 반환합니다.아래는 count() 함수를 사용하는 간단한 방법입니다. count($test) // 배열 $test 변수의 개수를 반환 보시는 것처럼 사용방법은 간단합니다. count() 함수를 사용하고 매개변수로 배열이름을 사용하면 됩니다. 그럼 더 자세한 방법을 알기위해 아래의 예제를 사용하여 알아보도록 하겠습니다.# count() 함수 예제소스 코드보기아래 예제
Last Modified : 2020-05-30 23:24:28Python에서 여러개의 리스트를 하나로 병합, 합치는 방법에 대하여 알아봅니다. 어떻게하면 가능할까요?# Python 리스트 병합, 하나로 합치는 방법Python은 간단한 방법으로 리스트(배열)를 합칠 수 있습니다. 방법은 크게 두 가지 방법을 생각할 수 있습니다.+ 기호 연산자를 사용하는 방법extend() 함수를 사용하는 방법먼저 + 연산자를 사용하는 방법을 알아봅니다. 이는 매우 간단한 방법으로 빠르게 여러개의 리스트를 하나로 병합하게해줍니다. 만약 아래와 같이 리스트 2개가 존재하는 경우 예제로 알아봅니다.array1 = [1]array2 = [2]이제 위 리시트 두 개를 하나로 합치기 위해서 아래처럼 실행합니다.array3 = array1 + array2print(array3)아래는 병합 후의 출
Last Modified : 2020-09-02 11:32:56다수의 배열, 여러개의 배열값이 존재하는 경우 이를 하나로 합치거나 병합하기 위해서 concat() 함수를 사용할 수 있습니다. 이 함수는 다수의 배열을 하나의 값으로 병합합니다. 다시말해 배열값이 여러개인 경우 이를 하나로 합칠 수 있게됩니다. 아래는 간단한 사용방법입니다.기존 배열명.concat(병합할 배열명) 배열값을 병합하는 방법은 매우 간단합니다. 좀 더 자세히 알아보기 위해서 그럼 아래의 예제소스를 확인해 주세요. 아래는 여러개의 배열을 하나로 합치는 예제입니다.# 배열 합치기 예제보기, concat()그럼 자바스크립트에서 배열을 합치는 concat() 함수의 예제입니다. 아래 소스 코드를 봐주세요.test1 = new Array('1', '2');test2 = new Array('3', '4')
Last Modified : 2019-11-06 10:37:55PHP의 데이터 타입 중 배열이 많이 사용되죠. 여기서 배열의 특징은 여러 개의 값을 동시에 가질 수 있는 것입니다. 그래서 배열의 여러 값을 조작하는 많은 배열 함수가 존재합니다. 아래는 그 중에서 array_unique()에 대하여 알아보겠습니다.! php 중복된 값 제거하기만약 php의 배열 값들 중에서 중복된 값이 없는 유니크한 값만 존재하게하려면 어떻게 해야할까요? 쉽게 얘기해서 1, 2, 2, 3, 3, 3, 1 이라는 배열 값이 있다면 1, 2, 3만 가지도록 만드려고 합니다. 물론 가능한데요 아래에서 알아봅니다.# PHP 서로 다른 값만 존재하는 배열 만들기물론 일일이 수작업으로 같은 값을 제거할 수도을 있겠죠. 하지만 배열이 가진 값이 1000만개라면? 이는 도저히 불가능한 일임이 틀림없습니
Last Modified : 2019-08-01 08:16:59프로그래밍에서 항상 중요한 부분을 차지하는 데이터 타입이 바로 배열입니다. 아래에서는 php에서의 배열(Array)에 대하여 간단히 알아봅니다.PHP에서도 데이터 타입 중 하나인 배열(Array)이 존재하며 많이 사용됩니다. 아래는 배열과 관련된 기본적인 내용 및 함수들을 모아서 정리한 내용입니다. ! Array 배열값 출력하기시작에 앞서 배열이 무엇이고 배열값 출력 방법을 살펴보겠습니다. 배열은 연결된 데이터 값을 가지는 하나의 묶음으로 생각하시면 좋습니다. 이때 구분자를 콤마(,)를 사용하여 [] 연결되게됩니다.$test = [1, 2, 3]이처럼 배열 안에선 각각의 값들을 가질 수 있습니다. 만약 배열 안에서 하나의 값만 가져올 경우 그 순서값을 사용하는데 처음 위치는 0이됩니다. 즉 위에서 2를 가져
Last Modified : 2019-08-06 20:15:21자바스크립트를 사용하여 데이터를 가공, 처리하는 일들이 점점 더 많아지고 있다. 이때 중요한 부분 중 하나로 데이터를 어떻게 정렬(Sorting) 하느냐 역시 고민인 부분이다. 만약 테이블 그리드 형태의 데이터가 존재한다고 했을때 쉽게 정렬할 수 있는 방법이 있을까?데이터를 불러와 처리하는 경우 일반적으로 배열이 데이터 형태로 저장된 경우가 많다. 그 이유는 무엇일까? 배열로 저장된 데이터는 소팅하여 재정렬 후 보여주기에 편리한 함수를 가지고 있기 때문이다. 이 중에서 reverse() 함수를 이용하면 배열을 역순으로 재정렬할 수 있게된다.배열이름.reverse();해당 함수를 실행하면 배열을 역순으로 정렬한다고 얘기하였다. 일반적인 정렬방법으로 sort() 함수가 많이 사용된다. 그럼 간단한 예제를 통해
Last Modified : 2020-03-29 19:14:54PHP에서도 배열은 매우 많이 사용됩니다. 배열의 일부를 제거(잘라내기) 또는 삭제할 경우 어떻게해야할까요? 이때는 array_splice() 함수를 사용할 수 있습니다. array_splice()는 배열을 단순하게 잘라내는 것 뿐만 아니라 둘로 나누는 등의 기능이 가능합니다. 그럼 아래는 간단한 사용방법입니다.array_splice(선택배열, 시작위치, 반환길이, 선택옵션[변경할 값]) 사용하는 방법은 위와 같이 매우 간단합니다. 원하는 배열을 첫번째 매개변수로 사용하고 나머지 옵션을 선택하면 됩니다. 여기서 마지막의 선택옵션은 필수가 아닌 선택입니다. 만약 마지막의 옵션값을 추가, 입력할 경우 잘라낸 값이 변경할 값으로 바뀌게 됩니다. 그럼 아래 예제를 참고하세요.# array_splice() 배열 잘
Last Modified : 2017-12-25 05:01:41PHP 언어에서 문자열을 특정 문자를 기준으로(구분하여) 잘라서 각각의 배열로 만들거나 아니면 배열을 구분 문자를 사용해 하나로 합치는 방법에 대하여 알아봅니다. 이때 사용하는 함수는 explode()와 implode()입니다. 아래는 이를 사용하는 간단한 방법입니다. explode('구분문자', '해당 문자열'); implode('구분문자', '해당하는 배열')! 언제 이 함수가 필요할까요? 이 함수가 필요한 경우는 너무나 많습니다. 특히 데이터베이스에 배열값을 저장하기 위한 방법도 그 중 하나입니다. 예를들어 누군가의 정보를 베이터베이스에 저장하려고 할때 배열상태로 저장할 수 없으므로 배열을 문자열로 변경하여 저장하여야 합니다. 물론 나중에 이를 불러와 다시 배열로 만들기 위해서도 사용합니다. 아래는
Last Modified : 2017-12-20 02:40:24PHP 언어에서 변수를 생성하는 방법은 기본적으로 $키워드와 함께 변수명을 입력한 리터럴 방식이 쓰인다. 만약 하나의 배열값이 존재하고 이 배열값이 수많은 개별 변수의 정보를 가지고 있다면? 각각의 데이터를 통해 한번에 변수를 만들 수 있다면 굉장히 편리할 것이다.이 편리한 기능을 php에서 제공하는데 바로 list() 함수이다. list() 함수를 사용하면 배열안에 포함된 값을 순서대로 정해진 배열명에 차곡차곡 입력해서 각각의 변수로 반환하여 준다... 이 간단한 방법이 없다면 어떻게 될까? 배열값이 10,000개인 직원 데이터를 각각의 변수로 바꾼다고 가정해보자. (사실 현실적으로 배열값을 그대로 쓰지 꼭 변환할 필요는 거의 없겠지만;;;)어쨌든 list() 함수의 간단한 사용방법은 아래와 같다.list
Last Modified : 2020-04-20 12:40:08자바스크립트에서 배열을 삭제, 제거하는 방법에 대하여 알아보려합니다. 아래는 배열을 삭제하는데 자주 사용되는 splice() 메소드에 대하여 알아보고 간단한 실행 예제입니다.# 배열 splice() 사용하여 삭제하는 방법splice는 기존의 배열값의 일부를 잘라 새로운 배열로 반환합니다. 즉 기존배열을 자르거나 새로운 배열을 생성하는 데 유용한 함수입니다. 기존의 배열값의 경우 원하는 일부를 잘라 삭제하는 것이 가능합니다.splice(시작위치, 잘라낼 길이)이처럼 splice()는 시작할 위치부터 길이값만큼 잘라냅니다. 그럼 아래는 간단한 예제입니다.# 배열 잘라내기 splice() 예제보기아래는 배열값 네 개 중에서 3번째 값인 3을 잘라내는 예제입니다. 3번째 이므로 넘겨줄 인자값은 2이고 하나만 잘라내
Last Modified : 2018-06-12 13:09:48자바스크립트에서 배열을 선언한 후 일부 배열을 삭제 또는 전체 배열을 삭제하는 방법에 대하여 알아보려고 합니다. 배열을 잘라내는 함수로 splice()를 사용할 수 있습니다. 또한 splice() 함수는 삭제뿐만 아니라 새로운 배열값을 원하는위치에 추가하는 것도 역시 가능합니다. 그럼 아래의 예제를 확인해보시기 바랍니다.[ 1 ] 배열 제거 또는 추가 함수, splice()splice() 함수를 사용하면 원하는 배열에서 원하는 부분을 제거할 수 있습니다. 배열의 일부를 제거하기 위해 많이 사용되지만 splice() 함수는 하나의 배열을 두개로 나눈다고 생각하시면 쉽게 이해가 되실겁니다.<script type="text/script">var test1 = new Array("a", "b", "c", "d");
Last Modified : 2016-07-05 23:10:31아래는 자바스크립트 또는 제이쿼리를 사용하여 반복문을 만드는 방법을 알아보려고합니다. 어떻게 반복문을 만들 수 있고 어떤 차이가 있는지 알아보세요.# 자바스크립트 제이쿼리 반복문 만들기자바스크립트에서 반복문(루프)을 만드려고 할 경우 아래와 같이 for문을 사용하는 방법이 가장 많이 사용됩니다. 반복문을 배우는 경우 가장 먼저 for문을 먼저 알고 나머지 방법들을 알아가는 것이 좋습니다.! 자바스크립트에서 반복문을 사용하는 다양한 방법들1. for in을 사용한 반복문2. for length를 사용하는 방법3. 제이쿼리(jQuery)를 사용한 each() 함수 반복문4. do() while 반복문5. while 반복문위 방법들이 먼저 가장 쉽고 빠르게 적용 가능한 for in 반복문을 알아봅니다.! for
Last Modified : 2018-06-06 16:55:34자바스크립트의 배열이 특정값을 가지고 있는지 확인하는 방법. indexOf, find, includes 메소드들에 대하여 알아봅시다. 이 메서드들은 모두 배열에서 특정 문자열을 검색할 수 있는 찾기 기능을 가지고 있습니다.indexOf() // 찾은 위치를 index로 반환includes() // 불리언으로 여부를 판단하여 반환find() // 첫번째 배열값만 반환위 두개의 메소드 indexOf() 그리고 includes()는 해당값을 인자로 넘겨 그 결과를 반환하는 간단한 방법이니다. 그럼 아래 예제를 참고하세요.find() 메소드는 반드시 callback을 매개변수로 사용하여야합니다.Ex)testArray.find(callback);
Last Modified : 2017-06-05 13:33:03특정값을 배열로 저장하기 위해서 toArray() 메소드를 사용할 수 있다. toArray()는 불러온 값을 배열로 저장한다. 아래는 간단한 사용방법이다.$(선택요소).toArray();그럼 예제를 통해 더 자세히 알아보자.# toArray() 예제보기<body> <ul> <li>1</li> <li>2</li> <li>3</li> </ul></body>아래는 스크립트소스이다.<script> var test = $('ul li').toArray(); // test 변수에 배열값으로 저장됨</script>*참고사항선택요소를 배열로 저장하는 메소드는 get()이 존재하며 동일한 기능을 수행한다. 차이점이라면 get()은 인자를 사용해 원하는 값을 선택할 수 있다는 점이고 toArray()는
Last Modified : 2015-10-30 08:46:34lodash의 find()에 대하여 알아봅니다.# lodash _.find() 알아보기먼저 find()에 대하여 알아봅니다. find()는 원하는 값을 배열 / 객체에서 쉽게 찾아 사용할 수 있습니다. 배열의 경우 비교적 간단하게 원하는 값을 찾을 수 있지만 객체의 경우는 어떤가요? 뭔가 일치하는 값을 찾으려면 변환에 변환을 거치고 어렵게 원하는 값을 구할 수 있습니다. 하지만 find()를 사용하면 여러 값을 가지는 데이터에 대하여 매우 간단하게 원하는 값을 찾는 것이 가능합니다. 먼저 아래는 문법입니다._.find(collection, [찾을 조건])_.find(collection, {찾을 조건})찾을 Collection 대상에서 찾을 조건을 넘겨줘야 하는데 객체 / 배열 모두 가능합니다. 그렇다면 아래
Last Modified : 2020-03-07 14:48:18자바스크립트에서 만약 빈 배열 값이 존재하는 경우 이런 값만 삭제하는 방법을 알아보려고 합니다.예를들어 기존의 값이 위라면 아래와 같이 변경하는 방법입니다.myNum = [1, undefined, 3, '', 5]; // 변경 전myNum = [1, 3, 5] // 변경 후즉 값이 비었거나 선언되지 않은 배열 값만 제거하는 방법입니다.# 자바스크립트 배열에서 빈 값 제거하기이제 예제를 하나 만들어 봅니다. 일단 테스트 변수를 하나 만들어야 겠죠. 위의 myNum 배열을 그대로 가져옵니다. 그리고 여기서 배열 함수 filter()를 사용해 값이 있는 것만 반환하도록 코드를 작성합니다.myNum = [1, undefined, 3, '', 5];myNum = myNum.filter(function(item) {
Last Modified : 2020-05-31 06:28:51반복문은 for, while 등 몇가지가 존재합니다. 만약 입력할 값이 배열에 존재하는 값이라면? 아래와 같이 간단하게 배열에만 사용하는 반복문 foreach()를 사용할 수가 있습니다. 사용 방법은 매우 간단합니다.foreach (배열명 as 문법에 사용할 배열값) { ... }그럼 간단하게 예를 통해 알아보겠습니다.! foreach() 배열함수 반복문 예제 소스<?php$test = array(1, 2, 3); // 배열의 선언foreach ($test as $value) {echo $value.', ';}?> result 1, 2, 3, // 죄측과 같이 출력됨이렇게 출력됩니다. 참고로 배열을 선언할때 위와 같이 직접 입력할 수도 있지만 array()를 사용할 수도 있죠.$test = array();
Last Modified : 2015-11-15 15:13:45파이썬에서 배열을 다루고 사용하는 방법에 대하여 알아봅니다. 파이썬 역시 다른 언어들처럼 배열 데이터 타입이 존재합니다. 배열을 선언하고 조작하는 방법에 대하여 알아봅니다.# Python에서 배열의 선언파이썬에서의 배열은 아래처럼 선언할 수 있습니다.test = [0]test = [0, 1]type() 함수로 타입을 확인 가능합니다.type(test)"Array"# 배열의 일부만 가져오는 방법, 슬라이싱간단한 표현식으로 배열의 일부 값만울 가져올 수 있습니다.test = [1, 2, 3]test[0, 2]아래와 같이 슬라이싱 되어 표기가 가능합니다.[1, 2]# 콜론 기호를 사용하여 배열을 일부만 가져오는 방법여기서 : 콜론을 사용하는 방법도 존재합니다. 파이썬은 콜론을 사용하여 다양한 값을 불러올 수 있습
Last Modified : 2017-08-05 17:08:20자바스크립트 피라미드 모양의 배열값 만드는 방법은 무엇일까요?[[0]][[1],[2]][[3],[4],[5]]...이런식으로 계속 배열이 늘어나게 하려면?# 피라미드식의 배열 구하는 방법function getPyramid(num) { var n = num; var m = num; var result = []; for (var i=0; i<n; i++) { result[i] = []; for(var j=0; j<=i; j++) { result[i].push(m-num); ++m; if (n == m-num) { return result; } } }}test = getPyramid(6);위 예제는 6인 경우까지의 값이 배열로 나타나게됩니다.
Last Modified : 2017-04-17 18:49:05자바스크립트를 사용하여 배열값을 0으로 모두 초기화하는 방법을 알아봅니다.# 자바스크립트 배열값 모두 0으로 초기화하는 방법배열은 수 많은 값들을 시퀀스로 이루어져 있습니다. 만약 배열의 값들이 아래와 같이 모두 임의의 값이라고 가정합니다.let nums = [1, 3, 5, 10, 100];이제 위 배열의 모든 값들을 0으로 초기화하려면 어떻게 할까요? 아래와 같은 방법을 사용할 수 있습니다.! ES 6 fill() 사용하기배열값에 사용하는 fill()는 간단하게 원하는 값으로 값을 변경 하거나 채우는 것이 가능합니다. 예를들어 위의 배열 nums의 값을 모두 0으로 아래와 같이 변경할 수 있습니다.nums.fill(0);// 출력결과 아래[0, 0, 0, 0, 0]자바스크립트 fill()의 문법은 아래와
Last Modified : 2020-09-10 07:17:50배열에 저장된 값을 불러와 함수를 이용해 값을 반환하는 제이쿼리 메소드 map()에 대하여 알아보고 each() 메소드와의 차이점은 무엇인지 알아보도록 하자!!먼저 아래는 map() 메소드의 간단한 사용방법이다.$.map(배열이름, 수행할 함수)보는 것처럼 매우 간단하다. 그럼 위의 메소드를 좀 더 쉽게 익힐 수 있도록 예제와 함께 알아보도록 하자.# map() 메소드 예제보기testArray = [1, 2, 3, 4]; // 배열 변수 선언divEle = $('div');$.map(testArray, function(item, index) { divEle[0].innerHTML += 'Array' + index + ' => ' + item;})위 예제는 배열 순서대로 나타내고 몇번째 index인지도 함
Last Modified : 2016-04-22 20:36:56php에서 배열의 값을 하나로 병합, 합치는 방법을 알아보려고 합니다.# php 배열 하나로 합치기, array_merge()php는 배열 타입을 병합(merge)하기 쉽도록 array_merge() 내장함수를 제공합니다.array_merge(배열값들 ...)array_merge() 함수를 사용하면 여러 개의 배열을 하나로 합칠 수 있습니다. 그럼 어떻게 사용할 수 있는지 간단한 예제를 만들어보겠습니다.! php, array_merge() 예제보기아래는 두 개의 배열을 하나로 병합하는 간단한 예제입니다. 만약 아래와 같은 배열이 존재하는 경우를 생각해봅니다.<?php $arrayOne = array('web', 'is'); $arrayTwo = array('free', 'com');?>이제 두 개의 배열
Last Modified : 2020-08-03 18:04:48자바스크립트에서 배열의 정렬을 어떻게 할 수 있을까요? 두 가지 함수가 간단하고 빠른 방법입니다.Array.sort()Array.reverse()먼저 정렬을 할 수 있는 sort() 함수Array.sort(compareFunction)배열을 역순으로 반환하는 함수 reverse 바로가기 >https://webisfree.com/2016-04-19/[자바스크립트]-배열을-역순으로-정렬-reverse()해당 링크를 참고하세요.
Last Modified : 2020-10-29 09:48:27자바스크립트 배열이 여러 개의 값을 가지고 있을 때 만약 배열 값의 순서를 바꾸려면 어떻게 하는지 알아봅니다.# 자바스크립트 배열의 값 순서 바꾸기자바스크립트의 배열은 순서대로 정렬되어 저장됩니다. 즉 원하는 순서대로 배열 값을 위치시키는 것이 가능하다는 뜻입니다. 만약 기존의 배열 순서를 다른 순서로 변경해야 한다면 어떻게 할까요? 몇 가지 방법들이 있는데요... 루프를 사용하여 모든 값들을 다시 순서대로 추가하는 방법도 있고 아니면 이동할 값만 잘라내서 원하는 위치에 추가하는 방법도 있습니다.여기서는 두 번째 방법인 배열의 값 중 이동해야 할 값만 다른 원하는 곳으로 옮기는 방법을 알아보려고 합니다. 이를 구현하기 위해서 배열에 사용하는 내장 함수가 필요한데 바로 splice() 함수입니다.Array.s
Last Modified : 2020-12-23 08:10:39lodash의 head()에 대하여 알아봅니다. lodash의 head()는 배열에 사용하며 배열의 첫 번째 값을 항상 반환합니다. 사용 문법은 아래와 같습니다._.head(배열)즉 배열에 적용하면 첫번째 배열의 값을 반환하게 됩니다. 이를 자바스크립트로 사용한다면? 배열의 첫 번째 값인 [0]과 결과는 같을 것입니다._head([1, 2, 3]) // 1을 반환[1, 2, 3][0] // 1을 반환그럼 아래에서 예제를 사용하여 결과를 알아봅니다.# lodash head() 예제보기아래는 몇 가지 값을 가지는 배열들을 가지고 _.head()를 사용해 그 결과를 확인해보려고합니다. 과연 첫 번째 배열값을 반환하는지 알아보세요._.head([1, 2, 3]);// 1 반환_.head([4, 5]);//
Last Modified : 2019-08-18 15:09:18자바스크립트의 배열의 값 중 하나를 찾아 다른 값으로 변경하는 방법을 알아봅니다.# 자바스크립트 배열 값 다른 값으로 대치, 변경우선 배열의 값을 다른 값으로 변경하기 위해 다음과 같은 과정이 필요합니다.1. 배열인지 타입을 확인2. 배열에서 변경할 값의 위치 인덱스(index) 얻기3. 해당 인덱스를 사용하여 새로운 값 변경과정은 간단합니다. 아래에서는 함수를 하나 만들텐데 이름은 updateArray()입니다.updateArray(myArray, oldValue, newValue)이 함수는 세 개의 인자를 받아 처리합니다. 첫 번째는 배열값이며 두 번째은 변경할 값을 받고 세 번째 인자는 변경할 값입니다. 그럼 아래에서 직접 코드를 작성해볼께요!function updateArray(myArray, old
Last Modified : 2020-10-31 11:13:31자바스크립트 배열 타입에 사용하는 entries() 메소드에 대하여 알아봅니다.# 자바스크립트 entries() 메소드 알아보기배열에 사용 가능한 다양한 메소드 들이 존재하죠. 그 중에 entries()에 대하여 알아보려고 합니다.참고로 객체에도 entries()가 존재합니다. 객체의 entries()는 배열과 비슷하게 모든 프로퍼티를 key, value로 반환하죠. 함께 알아두시면 좋습니다. 아래 링크를 참고하세요.https://webisfree.com/2019-06-18/자바스크립트-object-메소드-entries()-알아보기! entries()는?배열에 사용하는 반복자(interator)로 실행하면 반복자 객체를 반환합니다. 이 반복자 객체를 사용하여 내부의 값들을 돌면서 키(key)와 밸류(valu
Last Modified : 2020-06-15 20:53:41자바스크립의 배열에 값을 추가하는 방법은 여러가지가 있습니다. 만약 배열의 맨 앞에 값을 추가하거나 삭제하는 방법을 알아보려고 합니다.# 자바스크립트 배열의 맨 앞 또는 맨 뒤에 값을 추가하기자바스크립트의 배열에는 다양한 내장 함수가 존재하며 이 중에서 배열 맨 앞에 사용하는 함수가 존재합니다. 바로 shift(), unshift()입니다.shift() // 배열 맨 앞의 값 삭제unshift(값) // 배열 맨 앞의 값 추가배열의 맨 앞의 값을 추가하거나 제거하는데 가장 쉽고 빠르게 사용할 수 있는 방법입니다.먼저 shift()는 배열 맨 앞의 값을 제거합니다. 그리고 삭제한 값을 반환하게 됩니다.다음으로 unshift()는 배열 앞에 새로운 값을 추가합니다. 그리고 배열의 전체 개수를 반환합니다.그럼 아
Last Modified : 2021-01-08 15:35:39자바스크립트 라이브러리 lodash의 union() 메소드에 대하여 알아봅니다._.union([arrayA, arrayB, ...])간단한 문법은 위와 같습니다. union()에 대하여 아래에서 더 자세히 알아봅니다. # lodash union() 메소드는?union()은 lodash 배열에 사용하는 메소드 중 하나로 여러 개의 배열을 고유의 값으로 병합 할 수 있는 메소드입니다. 이처럼 병합하되 겹치는 값이 없는 unique 값으로만 합쳐야 하는 경우 union()을 사용합니다.! union() 예제보기간단한 예제를 만들어 봅니다. 만약 아래와 같이 두 개의 배열이 존재하는 경우입니다.arrayA = [ 1, 2, 3 ];arrayB = [ 3, 4, 5 ];두 개의 배열을 병합하되 동일한 값이 없는 고유
Last Modified : 2020-09-15 08:31:38lodash 메소드 중 배열의 순서를 역순으로 바꿔주는 reverse에 대하여 알아봅니다._.revese(Array)lodash의 reverse()는 그 뜻과 같이 배열의 순서를 반대로 바꾸어 주는 역할을 하는 유용한 메소드입니다. 예를들어 아래의 배열 myNum의 순서를 거꾸로 바꾸려면 간단하다 reverse()를 사용할 수 있습니다.let myNum = [1, 2, 3];reverseNum = _.reverse(myNum);코드의 실행 결과는 아래와 같습니다.console.log(reverseNum);// 출력결과[3, 2, 1]보시는 것처럼 간단하게 순서를 반대인 역순으로 변경하였습니다.! 자바스크립트 reverse() 함수 사용하기, vanillaJS참고로 자바스크립트 내장 함수인 reverse()를
Last Modified : 2020-10-30 19:55:32