JS — spread Array, isArray(),filter,match,map,replace, regex

2 min readOct 7, 2018

#spread Array

cities.push(...data);

#isArray() — return true or false

console.log(Array.isArray(cities))

#map — creates a new array with the results of calling a provided function on every element in the calling array.

array.map(function(value,index{
}))

#filter — create new Array — returns an array

filter(callback(value,index)) — 걸러내다
undefined가 포함된 array를 아래와 같이 filter 할 경우 ,
undefined, null, 빈값은 제외하고 값만 반환시킨다.

var fruits = ['apple', 'banana', 'grapes', 'mango', 'orange'];

/**
 * Array filters items based on search criteria (query)
 */
function filterItems(query) {
  return fruits.filter(function(el) {
      return el.toLowerCase().indexOf(query.toLowerCase()) > -1;
  })
}

console.log(filterItems('ap')); // ['apple', 'grapes']var ages = [32, 33, 16, undefined];function checkAdult(age) {
  return !!age;
}function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult); // 32,32,16
}

#match-string.match

var str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
var regexp = /[A-E]/gi;
var matches_array = str.match(regexp);

console.log(matches_array);
// ['A', 'B', 'C', 'D', 'E', 'a', 'b', 'c', 'd', 'e']

# the difference between filter and map

// Say I have
var array = [1, 2, 3, 4, 5, 6];

// I can use `filter` to get an array of just odd numbers:
var odds = array.filter(function(entry) { return entry % 2 == 1; });
console.log("odds: " + odds);

// I can use `map` to get an array of those numbers doubled:
var doubles = array.map(function(entry) { return entry * 2; });
console.log("doubles: " + doubles);

filter returns an new array of skip unwanted elements of collection ( 원하지 않는 대상 제외, 비교 조건 검사, 문자비교)
map returns an new array of modifying elements of collection.
What is different is that filter() expects that function to return Boolean value based on which element will be skipped or not. map() will expect that function to return an new collection element.

#replace- string.replace

str.replace(regexp|substr, newSubstr|function)

/word/g- global replacement
/word/gi- case-insensitive replacement:
Regex — https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
flags — https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Advanced_searching_with_flags_2
regular expression with the match, replace, search, and split methods of String.

var str = "Mr Blue has a blue house and a blue car";
var res = str.replace(/blue/g, "red");
//Regexvar re = /ab+c/;orvar re = new RegExp('ab+c');

#ref

https://stackoverflow.com/questions/43693000/what-is-the-difference-between-filter-and-map-in-jquery

JS — spread Array, isArray(),filter,match,map,replace, regex

Written by blossom0417