Tôi có thể sử dụng set cho mảng đối tượng trong javascript không?
|
Để chuyển đổi một tập hợp thành một mảng, chúng ta cần biết các đặc điểm chính của một tập hợp, Một tập hợp là một tập hợp các mục duy nhất i. không có yếu tố nào có thể được lặp lại. Đặt trong ES6 được đặt hàng. các phần tử của tập hợp có thể được lặp lại theo thứ tự chèn Show Một tập hợp có thể được chuyển đổi thành một mảng trong JavaScript bằng các cách sau Mảng JavaScript. phương thức from(). Phương thức này trả về một Mảng mới từ một mảng giống như một đối tượng hoặc các đối tượng có thể lặp lại như Bản đồ, Tập hợp, v.v. cú pháp Array.from(arrayLike object); Ví dụ. Trong ví dụ này, một tập hợp sẽ được chuyển đổi thành một mảng bằng Array. phương thức from() HTMLwelcome,to,gfg0 welcome,to,gfg1 welcome,to,gfg2 welcome,to,gfg3____54 welcome,to,gfg3____11 welcome,to,gfg3 welcome,to,gfg3 welcome,to,gfg4 welcome,to,gfg3 welcome,to,gfg6 welcome,to,gfg7____51____52 đầu ra welcome,to,gfg Toán tử lây lan JavaScript. Việc sử dụng toán tử trải rộng cũng có thể giúp chúng ta chuyển Set thành một mảng. cú pháp var variablename = [...value]; Ví dụ. Trong ví dụ này, một tập hợp sẽ được chuyển đổi thành một mảng bằng cách sử dụng toán tử trải rộng HTMLwelcome,to,gfg0 welcome,to,gfg1 welcome,to,gfg2 welcome,to,gfg3____54 var variablename = [...value];5 var variablename = [...value];6 welcome,to,gfg3____78 welcome,to,gfg3____110 welcome,to,gfg7____51____52 đầu ra welcome,to,gfg1 Phương thức JavaScript forEach(). Mảng. Phương thức forEach() gọi hàm được cung cấp một lần cho mỗi phần tử của mảng. Ví dụ. Trong ví dụ này, một tập hợp sẽ được chuyển đổi thành một mảng bằng phương thức forEach() HTMLwelcome,to,gfg0 welcome,to,gfg1 welcome,to,gfg2 welcome,to,gfg3____118 welcome,to,gfg3 welcome,to,gfg50 welcome,to,gfg4 welcome,to,gfg3____153 welcome,to,gfg3____155 welcome,to,gfg3____157 welcome,to,gfg3____153 welcome,to,gfg4 _______53____502 welcome,to,gfg3____504 var variablename = [...value];5 welcome,to,gfg06 welcome,to,gfg3____508 welcome,to,gfg4 welcome,to,gfg3____511 welcome,to,gfg4 welcome,to,gfg3____514 welcome,to,gfg7____51____52 đầu ra welcome,to,gfg5 JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này Internet là một nơi tuyệt vời để tìm kiếm thông tin, nhưng có một vấn đề rất nhỏ. Bạn đang ở trên một con thuyền giữa biển xanh thẳm. Mặc dù hầu hết chúng ta không mạo hiểm đi sâu vào bóng tối, nhưng chính xác thì chúng ta vẫn muốn đạt được điều mình muốn. (Ồ. Internet là đại dương xanh thẳm mà tôi đang nói tới) Là nhà phát triển giao diện người dùng, hầu hết thời gian chúng tôi không dựa vào vanilla javascript cho mọi thứ mà chúng tôi muốn. Hầu hết các lần chúng tôi cam kết trung thành với các lãnh chúa (khung) và thư viện của mình và theo dõi họ một cách mù quáng vì chúng tôi nghĩ rằng họ có khả năng làm mọi thứ, đôi khi bỏ lỡ các phương pháp hay nhất về javascript Gần đây, tôi có cơ hội làm việc trên một ứng dụng xương sống, nơi tôi hiểu tầm quan trọng hàng đầu của việc sử dụng có chọn lọc các đối tượng tích hợp sẵn javascript cho các hoạt động của chúng tôi bất kể khuôn khổ nào
Vì vậy, với phần giới thiệu đó, hãy chuyển sang sử dụng cách chọn các đối tượng tích hợp sẵn của javascript (Mảng, Đối tượng, Tập hợp và Bản đồ) dựa trên các hoạt động mà chúng tôi muốn sử dụng nó cho 1. Tìm kiếm/Tìm kiếm Hãy xem cách chúng ta có thể tìm thấy một phần tử cụ thể trong cả bốn đối tượng javascript tích hợp cho các trường hợp sử dụng khác nhau Mảngwelcome,to,gfg7 Vậtwelcome,to,gfg8
BộCác bộ không có chức năng tích hợp để truy xuất hoặc tìm chỉ mục của các mục của nó mặc dù nó có thể lặp lại, vì vậy lý tưởng nhất là chúng ta phải chuyển đổi nó thành một mảng trước thao tác indexOf/find welcome,to,gfg9 Bản đồBản đồ là các đối tượng đặc biệt, chúng có thể lặp lại với hàm tạo cặp giá trị khóa trông giống như một mảng 2D nhưng hoạt động như một đối tượng. Họ cung cấp sự linh hoạt tốt hơn trong việc lựa chọn các giá trị chính của chúng tôi. Một bản đồ có thể có một giá trị khóa có thể là một chuỗi, số, đối tượng hoặc thậm chí là NaN welcome,to,gfg0 2. Loại Các hoạt động sắp xếp có thể thú vị và hầu hết các lần chúng tôi cho rằng sắp xếp trên một thực thể có thể lặp lại hoạt động tốt. Chà, không phải lúc nào cũng vậy MảngCác loại mảng thường bị hiểu lầm bởi cả người mới bắt đầu và nhà phát triển trung cấp. Vì cách sắp xếp mặc định của mảng sắp xếp một mảng dựa trên welcome,to,gfg91 , nên chúng ta không thể mong đợi có cùng một hành vi sắp xếp cho tất cả các kiểu dữ liệu. Do đó, chúng ta thường cần chuyển một hàm so sánh vào sắp xếp welcome,to,gfg2
VậtKhông có phương thức tích hợp sẵn để sắp xếp các đối tượng, nhưng ES6 cung cấp một số sắp xếp khóa tích hợp thú vị trong quá trình tạo đối tượng. Các phím đối tượng chỉ được sắp xếp dựa trên số/chuỗi số, tất cả các phím khác được đẩy ngay sau các phím số chưa được sắp xếp welcome,to,gfg3 BộCác bộ không có chức năng sắp xếp tích hợp, tuy nhiên, cách dễ nhất để sắp xếp một bộ là chuyển đổi nó thành một mảng và triển khai phương thức sắp xếp của mảng. Vì, set là một đối tượng có thể lặp lại, chúng ta có thể xây dựng thuật toán sắp xếp của riêng mình theo lựa chọn của chúng ta welcome,to,gfg4
Bản đồTương tự như bộ, bản đồ không có phương thức tích hợp sẵn, nhưng chúng ta vẫn có thể trải rộng các mục nhập của chúng trên một mảng và xây dựng bản đồ được sắp xếp mới welcome,to,gfg5 3. Bao gồm hoặc Có Một trong những tính năng quan trọng nhất của các đối tượng có thể lặp lại là kiểm tra sự hiện diện của mục mong muốn. Hầu như, tất cả các đối tượng javascript tiêu chuẩn và có thể lặp lại tích hợp đều có triển khai riêng để đạt được điều này. Hãy nhìn vào chúng dưới đây Mảngwelcome,to,gfg6 Vậtwelcome,to,gfg7 BộSet có chức năng 'has' tiện dụng có thể hiệu quả hơn trong việc truy cập các giá trị so với một mảng welcome,to,gfg80 Bản đồBản đồ cũng có chức năng 'có' tích hợp welcome,to,gfg81 4. Loại bỏ trùng lặp Không có cách nào đơn giản để loại bỏ các bản sao trong một bộ sưu tập, do mảng hoặc đối tượng đó là tuyến tính, chúng ta có thể sử dụng một số phương thức tích hợp để loại bỏ các bản sao MảngCó nhiều phương pháp trực tuyến để loại bỏ các bản sao khỏi một mảng. Chủ đề stackoverflow này bao gồm. Tuy nhiên, trong ES6, hãy xem các cách dễ nhất để loại bỏ các bản sao khỏi một mảng welcome,to,gfg82
VậtCác đối tượng không cho phép giá trị khóa trùng lặp, giá trị cũ được ghi đè bởi giá trị mới welcome,to,gfg83 BộCác bộ vốn không cho phép các giá trị trùng lặp khi chúng được truyền một đối tượng tuyến tính có thể lặp lại như một mảng, nhưng khi chúng được truyền một mảng đối tượng, chúng lại cho phép các đối tượng trùng lặp welcome,to,gfg84 Bản đồBản đồ cũng không cho phép các khóa trùng lặp trong quá trình tạo welcome,to,gfg855. Xóa bỏ MảngMảng không có phương thức tích hợp để xóa các mục của nó. Tuy nhiên chúng ta có thể sử dụng vài phương pháp để làm điều đó. Mối nối, indexOf hoặc bộ lọc welcome,to,gfg86 VậtCác đối tượng không có phương thức xóa tích hợp, nhưng theo tài liệu, chúng tôi có thể sử dụng từ khóa welcome,to,gfg92 để xóa khóa. Tuy nhiên, điều này không được khuyến khích rộng rãi trong cộng đồng javascript và thậm chí các thư viện như gạch dưới và lodash sử dụng một phương pháp khác welcome,to,gfg87 BộSet cung cấp phương thức xóa tích hợp giúp cuộc sống của chúng ta dễ dàng hơn welcome,to,gfg88 Bản đồBản đồ có phương thức xóa tích hợp riêng để xóa các khóa khỏi một đối tượng bản đồ nhất định welcome,to,gfg896. Chiều dài và Kích thước welcome,to,gfg90Kết luận Đây là một số gợi ý chính cần nhớ khi chọn các đối tượng tích hợp sẵn tiêu chuẩn mà bạn chọn. Mặc dù javascript cung cấp cho chúng tôi sự linh hoạt khi sử dụng nhiều đối tượng tích hợp sẵn, nhưng tốt hơn hết là chọn đối tượng phù hợp nhất. Hãy để lại ý kiến của bạn dưới đây
|
