1. 程式人生 > 其它 >js 生成物件陣列_3個實用的JS物件和陣列騷操作

js 生成物件陣列_3個實用的JS物件和陣列騷操作

技術標籤:js 生成物件陣列

今天來分享3個比較實用的JS物件和陣列操作方法

  • pick【根據key挑出符合要求引數組合成陣列】
  • objectToArray【物件轉陣列】
  • initializeArrayWithRange【自定義範圍初始化陣列】

pick

c5d6ec7b976f1627764881d591b6fd09.png
// { 'a': 1, 'c': 3 }pick({ a: 1, b: '2', c: 3 }, ['a', 'c']); 

objectToArray

fc94a6c5b6cbbc6a758ef6a6a773862b.png
// [ ['a', 1], ['b', 2] ]objectToPairs({ a: 1, b: 2 });

initializeArrayWithRange

2ab75878a3e3f25157998acac9062ddd.png
// [0,1,2,3,4,5]initializeArrayWithRange(5);// [0,2,4,6,8]initializeArrayWithRange(9, 0, 2);// [3,4,5,6,7]initializeArrayWithRange(7, 3);

核心知識點

  • pick方法中,需要對reduce和in關鍵字有了解。
  • objectToArray方法就相對來說比較簡單了,取出obj中的key物件,然後map成新陣列。
  • initializeArrayWithRange方法是需要對Array.from有了解,並且知道需要Math.ceil方法。

這三個方法在實際專案中還是有很大的應用場景的,有需要的小夥伴可以收藏一哈~

本系列旨在通過最直接的事例最完整的程式碼,解決一些開發中常遇到的實際問題。

喜歡的朋友可以關注我有呦~