d3.js d3.set.add()用法及代碼示例

D3.js中的set.add()函數用於將指定的值字符串添加到創建的集合中。

用法:

d3.set().add(element);

參數：該函數接受單個參數element ，該元素將被添加到創建的集合中。

返回值：此函數不返回任何值。

以下程序說明了D3.js中的d3.set.add()函數：

示例1:

<!DOCTYPE html> 
  
<html> 
   
<head> 
    <title> d3.set.add() Function</title> 
   
    <script src='https://d3js.org/d3.v4.min.js'></script> 
</head> 
  
<body> 
  <script> 
      
     // Initialising the set 
     var set = d3.set() 
    .add("Geeks") 
    .add("Geeks") 
    .add("gfg"); 
  
    // Checking whether the desired element is  
    // present or not 
    A = set.has("GeeksforGeeks"); 
    B = set.has("Ram"); 
    C = set.has("Geeks"); 
      
    // Getting the output of true or false 
    console.log(A); 
    console.log(B); 
    console.log(C); 
  </script> 
</body> 
  
</html>

輸出：

false
false
true

示例2:

<!DOCTYPE html> 
  
<html> 
   
<head> 
    <title> d3.set.add() Function</title> 
   
    <script src='https://d3js.org/d3.v4.min.js'></script> 
</head> 
  
<body> 
  <script> 
      
     // Initialising the set 
     var set = d3.set().add("a").add(1).add(123); 
  
    // Checking whether the desired element is  
    // present or not 
    A = set.has("a"); 
    B = set.has(123); 
    C = set.has(5); 
      
    // Getting the output of true or false 
    console.log(A); 
    console.log(B); 
    console.log(C); 
  </script> 
</body> 
  
</html>

輸出：

true
true
false

參考： https://devdocs.io/d3~5/d3-collection#set_add

相關用法

注：本文由純淨天空篩選整理自Kanchan_Ray大神的英文原創作品 D3.js | d3.set.add() Function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。