可排序的js根据拖动的元素更改数组

是指通过JavaScript实现可拖拽排序的功能，并根据拖动的元素更改数组的顺序。以下是一个完善且全面的答案：

可排序的js根据拖动的元素更改数组是一种在前端开发中常见的交互功能，通过这种功能可以使用户可以自定义排序列表或拖动元素改变元素在数组中的位置。

实现这种功能的方式可以使用一些第三方库，如jQuery UI的sortable插件或者Draggable.js等。这些库提供了一些方法和事件来实现可排序的功能。以下是一种常见的实现方式：

引入相应的库文件。可以从官方网站或者CDN获取相应的库文件，并在HTML文件中引入。
创建一个包含可拖拽元素的列表。可以使用HTML的ul和li元素来创建一个排序列表。
初始化可排序功能。使用库提供的初始化方法，将列表元素设置为可排序。
监听排序事件。通过监听库提供的排序事件，可以在拖动元素后触发相应的事件处理函数。
更新数组顺序。在排序事件处理函数中，可以通过获取排序后的元素顺序，从而更新原始数组的顺序。

下面是一个示例代码，使用jQuery UI的sortable插件实现可排序的功能：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <style>
    ul { list-style-type: none; margin: 0; padding: 0; width: 200px; }
    li { margin: 0 0 5px; padding: 5px; font-size: 1.2em; height: 30px; }
  </style>
  <script>
    $(function() {
      $("#sortable").sortable({
        update: function(event, ui) {
          // 获取排序后的元素顺序
          var sortedArray = [];
          $("#sortable li").each(function() {
            sortedArray.push($(this).text());
          });
          
          // 更新数组顺序
          // ...
        }
      });
      $("#sortable").disableSelection();
    });
  </script>
</head>
<body>
 
<ul id="sortable">
  <li>元素1</li>
  <li>元素2</li>
  <li>元素3</li>
</ul>
 
</body>
</html>

在代码示例中，ul元素的id设置为"sortable"，表示该列表可以进行排序。通过监听update事件，可以在排序完成后触发事件处理函数。在事件处理函数中，可以通过遍历排序后的li元素，获取排序后的元素顺序，并将其更新到数组中。

至于具体应用场景，可排序的功能在各种需要用户自定义排序的列表或拖放元素进行交互的应用中都有广泛的应用，例如任务列表的排序、图像库中图片的排序等。

关于推荐的腾讯云相关产品，腾讯云提供了一系列云计算服务，包括云服务器、云数据库、云存储等。对于可排序的功能，可以使用腾讯云的云原生产品，如腾讯云容器服务（Tencent Kubernetes Engine，TKE）来部署和管理应用程序，或者使用腾讯云的对象存储服务（Tencent Cloud Object Storage，COS）来存储用户上传的文件等。具体的产品介绍和相关链接可以通过腾讯云官方网站获取。

请注意，这里并没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，如有需要了解其他品牌商的相关产品和服务，可以前往官方网站进行查询。