關於 Set.symmetricDifference()

前言

  在先前的 關於 Set.difference() 介紹 Set.difference() ， Set 還提供相關的函示來圈選 Set 的內容，這次介紹 Set.symmetricDifference() ，在此把學習的過程做個紀錄。

內容

  範例如下

function setValuesToString(set){
  let resStr = '[';
  let itor = set.values();
  for (const val of itor){
   resStr += val + ',';
  }
  //
  if(resStr.length != 1)
    resStr = resStr.substring( 0 , resStr.length - 1 );
  //
  resStr += ']';
  return resStr
}
//
let setA = new Set(['a','b','c','A']);
let setB = new Set(['b','c','d','e']);
console.log( setValuesToString( setA.symmetricDifference( setB ) ) );//[a,A,d,e]

Set.symmetricDifference() 的功能是除了兩個 Set 都有的部分其餘都留下，剛好跟之前的 關於 Set.intersection() 的結果相反，所以結果是 'a' 、 'A' 、 'd' 與 'e' 。

參考資料

[ developer.mozilla.org ] Set

相關文章與資料

關於 JavaScript 的 Set

關於列印 Set 的內容

關於 Set.union()

關於 Set.difference()

關於 Set.intersection()

 關於 Set.intersection()

前言

  在先前的 關於 Set.difference() 介紹 Set.difference() ， Set 還提供相關的函示來圈選 Set 的內容，這次介紹 Set.intersection() ，在此把學習的過程做個紀錄。

內容

  範例如下

function setValuesToString(set){
  let resStr = '[';
  let itor = set.values();
  for (const val of itor){
   resStr += val + ',';
  }
  //
  if(resStr.length != 1)
    resStr = resStr.substring( 0 , resStr.length - 1 );
  //
  resStr += ']';
  return resStr
}
//
let setA = new Set(['a','b','c','A']);
let setB = new Set(['b','c','d','e']);
console.log( setValuesToString( setA.intersection( setB ) ) );//[b,c]

Set.intersection() 的功能是將兩個 Set 的內容都有的部分留下來，所以結果是 'b' 與 'c' 。

參考資料

[ developer.mozilla.org ] Set

相關文章與資料

關於 JavaScript 的 Set

關於列印 Set 的內容

關於 Set.union()

關於 Set.difference()

 關於 Set.difference()

前言

  在先前的 關於 Set.union() 介紹 Set.union() ， Set 還提供相關的函示來圈選 Set 的內容，這次介紹 Set.difference() ，在此把學習的過程做個紀錄。

內容

  範例如下

function setValuesToString(set){
  let resStr = '[';
  let itor = set.values();
  for (const val of itor){
   resStr += val + ',';
  }
  //
  if(resStr.length != 1)
    resStr = resStr.substring( 0 , resStr.length - 1 );
  //
  resStr += ']';
  return resStr
}
//
let setA = new Set(['a','b','c','A']);
let setB = new Set(['b','c','d','e']);
console.log( setValuesToString( setA.difference( setB ) ) );//[a,A]

Set.difference() 的功能是在SetA 裡把 SetB 有的內容全部去掉 ，所以原本的 'b' 與 'c' 都消失了。

參考資料

[ developer.mozilla.org ] Set

相關文章與資料

關於 JavaScript 的 Set

關於列印 Set 的內容

關於 Set.union()

 關於 Set.union()

前言

  Set.union() 可以提供將兩個 Set 的內容混合在一起，在此把學習的過程做個紀錄。

內容

  範例如下

function setValuesToString(set){
  let resStr = '[';
  let itor = set.values();
  for (const val of itor){
   resStr += val + ',';
  }
  //
  if(resStr.length != 1)
    resStr = resStr.substring( 0 , resStr.length - 1 );
  //
  resStr += ']';
  return resStr
}
//
let setA = new Set(['a','b','c']);
let setB = new Set(['b','c','d','e']);
console.log( setValuesToString( setA.union( setB ) ) );//[a,b,c,d,e]

開頭的 setValuesToString() 是用來將 Set 的內容列印，可以看 關於列印 Set 的內容 。 Set.union() 的使用很簡單，引數是要混合的 Set ，最後透過回傳取得結果的 Set ，並不會改變原本喚起 Set 的內容。

參考資料

[ developer.mozilla.org ] Set

相關文章與資料

關於 JavaScript 的 Set

關於列印 Set 的內容

 關於列印 Set 的內容

前言

  最近需要列印 Set 的內容，結果發現 Set.toString() 並不會如預期的列印內容， Set 本身也沒提供直接列印的方法，那只能自己來了，在此做個紀錄。

內容

  結果如下

let set = new Set(['a','b','c']);

function setValuesToString(set){
  let resStr = '[';
  let itor = set.values();
  for (const val of itor){
   resStr += val + ',';
  }
  //
  if(resStr.length != 1)
    resStr = resStr.substring( 0 , resStr.length - 1 );
  //
  resStr += ']';
  return resStr
}
//
console.log( setValuesToString( set ) );//[a,b,c]
console.log( setValuesToString( new Set() ) );//[]

透過 setValuesToString() 輸入欲取得內容的 Set ，就可以會回傳內容的字串。過程是透過 Set.vlues() 來瀏覽每個內容後加 ','，中間的 subString() 是要覆蓋掉最後一個 ','。

參考資料

[ developer.mozilla.org ] Set

相關文章與資料

關於 JavaScript 的 Set

 初探 String.endsWith()

前言

  在之前的 初探 String.startsWith() 介紹 String.startsWith() ，該函式是檢查字首的文字，那有檢查字尾的文字嗎?有的，那就是 String.endsWith() ，在此把學習的過程做個紀錄。

內容

  範例如下

let str = 'Hello world';
console.log( str.endsWith( 'world' ) );//true
console.log( str.endsWith( 'world' , 10 ) );//false
console.log( str.endsWith( 'world' , 100 ) );//true

String.endsWith() 用起來和 String.startsWith() ，參數直接輸入要檢查的文字即可，一樣有位移參數，意思是從該位址往前檢查文字，可以把不輸入位移參數時，這個參數就是 string.length !比較特別的是這個參數可以大於 string.length ，而且功能正常，可以範例的最後一例。

參考資料

[ developer.mozilla.org ] String.prototype.endsWith()

相關文章與資料

初探 String.startsWith()

 初探 String.startsWith()

前言

  最近需要檢查字串開頭是否為特定的字串，結果發現官方有提供，也就是 String.startsWith() ，在此把學習的過程做個紀錄。

內容

  範例如下

let str = 'Hello World';
console.log( str.startsWith( 'Hello' ) );//true
console.log( str.startsWith( 'World' , 6 ) );//true

使用起來相當簡單，直接輸入要檢查的字串即可，另外還支援從指定位址檢查，如範例第二例所示。函式的名稱命名有點特別，是 startsWith ，而非 startWith ，注意 start 的後面要加 's' 。

參考資料

[ developer.mozilla.org ] String.prototype.startsWith()