DEV Community

Discussion on: If Javascript Is Single Threaded, How Is It Asynchronous?

View post

Replies for: I like asynchronous nature of javascript because it helps me to sort arrays easily. No more bubble, selection, merge or quick sort algorithms. Time...

Collapse
 
bradley profile image
Bradley Griffith • • Edited

did a flex-box version: jsfiddle.net/bradleygriffith/2dsag...

<div class="sorted-list" id="my-list"></div>
Enter fullscreen mode Exit fullscreen mode 
.sorted-list {
  align-items: flex-start;
  display: flex;
  margin: 0 -5px;
}

.sorted-list-item {
  margin: 0 5px;
}
Enter fullscreen mode Exit fullscreen mode 
const listEl = document.getElementById("my-list");
const arr = [10, 100, 500, 20, 35];

arr.forEach(n => {
  const itemEl = document.createElement("div");

  itemEl.className = "sorted-list-item";
  itemEl.innerHTML = n;
  itemEl.style.order = n;

  listEl.appendChild(itemEl);
});
Enter fullscreen mode Exit fullscreen mode
Collapse
 
karataev profile image
Eugene Karataev •

Ahaha, awesome! 😂

Collapse
 
antonocheret profile image
Anton •

half a second sort for 5 items, very quickly

Collapse
 
awcode0x profile image
AWCode0X •

It's amazing
good work