标签：Set const get item add set first

js get Set the first item All In One

const set = new Set();
// Set(0) {size: 0}

set.add(2);
// Set(1) {2}

// ❌
set[0];
// undefined

solutions

1. for...of

要想获取 Set 第一个元素，定义一个函数遍历 Set 到第一个元素就立即返回即可；

const set = new Set();
set.add(2);

function getFirstItemOfSet(set) {
  // for...of 遍历✅
  for(let item of set) {
    console.log('item =', item);
    if(item) {
       return item;
    }   
  }
  return undefined;
}

const first = getFirstItemOfSet(set);


for(let [i,  item] of set.entries()) {
  console.log('i, item =', i, item);
}

2. [...set]

const set = new Set();
set.add(2);

// set 转 array ✅
const first = [...set][0];
console.log(`first =`, first);

3. 解构赋值 destructuring assignment

const set = new Set();
set.add(2);

// 解构赋值 ✅
const [first] = set;
console.log(`first =`, first);

4. 迭代器 Iterator

const set = new Set();
set.add(2);

// 迭代器 next ✅
set.keys().next().value;
set.values().next().value;

set.entries().next().value[0];
set.entries().next().value[1];

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set/@@iterator

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Generator/next

demo

TypeScript

function singleNumber(nums: number[]): number {
  const set = new Set<number>();
  for(let i = 0; i < nums.length; i ++) {
    if(set.has(nums[i])) {
      set.delete(nums[i]);
    } else {
      set.add(nums[i]);
    }
  }
  // Property 'toJSON' does not exist on type 'Set<number>'.(2339)
  // return (set.toJSON())[0];
  for(let item of set) {
    return item;
  }
};

leetcode ??? toJSON() ❓

        Set.prototype.toJSON = function() {
            return Object(n.__spread)(this)
        },
        Map.prototype.toJSON = function() {
            return Object(n.__spread)(this)
        }

https://static.leetcode.cn/cn-mono-assets/production/main/noj-common.7286330c.js:formatted

const set = new Set();
set.add(2);

set.toJSON();
// [2]
const arr = set.toJSON();
// [2]
arr[0];
// 2

https://leetcode.cn/problems/single-number/submissions/

refs

https://bobbyhadz.com/blog/javascript-get-first-element-of-set

---

---

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载

标签：Set,const,get,item,add,set,first
来源： https://www.cnblogs.com/xgqfrms/p/16564519.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。