在数组javascript的排序函数中实现async/await

2023-06-15前端开发问题
10

本文介绍了在数组javascript的排序函数中实现async/await的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我正在尝试在量角器 ElementArrayFinder 上实现排序方法.众所周知,所有量角器方法都返回承诺.所以我的排序方法有一个取决于承诺解决的条件.我正在为 async/await 使用节点插件,以使其与低于 6 的 node.js 版本兼容.(这里的插件:https://www.npmjs.com/package/asyncawait)p>

这是我的代码,其中 thisArrayElementFinder:

var asyncCompare = async(function(a, b) {让 x = 等待 (a.getText());让 y = 等待 (b.getText());控制台.log(x.localeCompare(y));返回 x.localeCompare(y);});var sortTheArray = async(函数(arrayOfElementFinders){返回等待(arrayOfElementFinders.sort(asyncCompare));});this.then((元素) => {让arrayOfElementFinders = [元素[0],元素[1],元素[2]];让 sortedArray = sortTheArray(arrayOfElementFinders);console.log('数组排序');});

不幸的是,时间执行不是我所期望的.print: array sorted 发生在比较 x.localeCompare(y) 之前.知道我在做什么错吗?知道如何实现我的目标吗?

非常感谢您的帮助

解决方案

sort 不采用异步回调.它期望一个数值作为返回值,而不是一个承诺;它确实返回一个数组而不是一个承诺.没有办法解决这个问题(尽管可以实现自定义的异步排序算法——甚至是并行算法).

但这无论如何都是非常低效的.在每个排序步骤中异步获取比较值会很慢 - 它会多次获取每个元素的相同值.不要那样做.相反,使用 Schwartzian 变换 来获取要排序的值,然后排序(同步),然后使用结果.

你应该这样做

const 元素 = 等待这个;const arrayOfElementFinders = elements.slice(0, 3);//还是 Array.from?常量可比较数组 = await Promise.all(arrayOfElementFinders.map(async x => [await x.getText(), x]));compareArray.sort((a, b) => +(a[0] > b[0]) || -(a[0] < b[0]));const sortedArray = compatibleArray.map(x => x[1]);console.log('数组排序');

I am trying to implement a sort method on protractor ElementArrayFinder. As known, all protractor methods return promises. So my sort method has a condition which depends on promises resolution. I am using a node plugin for async/await in order to make it compatible with node.js versions lower than 6. (Here the plugin: https://www.npmjs.com/package/asyncawait)

Here my code, where this is the ArrayElementFinder:

var asyncCompare = async(function(a, b) {
    let x = await (a.getText());
    let y = await (b.getText());
    console.log(x.localeCompare(y));
    return x.localeCompare(y);
});

var sortTheArray = async(function(arrayOfElementFinders) {
    return await (arrayOfElementFinders.sort(asyncCompare));
});

this.then((elements) => {
    let arrayOfElementFinders = [elements[0], elements[1], elements[2]];
    let sortedArray = sortTheArray(arrayOfElementFinders);
    console.log('array sorted');
});

Unfortunately the timing execution is not the one I expect. The print: array sorted happens before than the prints of comparing x.localeCompare(y). Any idea what am I doing wrong? And any idea how to achieve my objective?

Thanks a lot for any help

解决方案

sort does not take an asynchronous callback. It expects a numeric value as the return value, not a promise for one; and it does return an array not a promise. There's no way around this (though one could implement a custom asynchronous sorting algorithm - even a parallel one).

But that's pretty inefficient anyway. Doing asynchronous fetching of compare values in every sort step will be slow - and it will fetch the same value per element multiple times. Don't do that. Instead, use a Schwartzian transform to fetch the values to sort by before, then sort (synchronously), then use the results.

You should do

const elements = await this;
const arrayOfElementFinders = elements.slice(0, 3); // or Array.from?
const comparableArray = await Promise.all(arrayOfElementFinders.map(async x => [await x.getText(), x]));
comparableArray.sort((a, b) => +(a[0] > b[0]) || -(a[0] < b[0]));
const sortedArray = comparableArray.map(x => x[1]);
console.log('array sorted');

这篇关于在数组javascript的排序函数中实现async/await的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

The End

相关推荐

js删除数组中指定元素的5种方法
在JavaScript中,我们有多种方法可以删除数组中的指定元素。以下给出了5种常见的方法并提供了相应的代码示例: 1.使用splice()方法: let array = [0, 1, 2, 3, 4, 5];let index = array.indexOf(2);if (index -1) { array.splice(index, 1);}// array = [0,...
2024-11-22 前端开发问题
182

JavaScript小数运算出现多位的解决办法
在开发JS过程中,会经常遇到两个小数相运算的情况,但是运算结果却与预期不同,调试一下发现计算结果竟然有那么长一串尾巴。如下图所示: 产生原因: JavaScript对小数运算会先转成二进制,运算完毕再转回十进制,过程中会有丢失,不过不是所有的小数间运算会...
2024-10-18 前端开发问题
301

JavaScript(js)文件字符串中丢失"\"斜线的解决方法
问题描述: 在javascript中引用js代码,然后导致反斜杠丢失,发现字符串中的所有\信息丢失。比如在js中引用input type=text onkeyup=value=value.replace(/[^\d]/g,) ,结果导致正则表达式中的\丢失。 问题原因: 该字符串含有\,javascript对字符串进行了转...
2024-10-17 前端开发问题
437

layui中table列表 增加属性 edit="date",不生效怎么办?
如果你想在 layui 的 table 列表中增加 edit=date 属性但不生效,可能是以下问题导致的: 1. 缺少日期组件的初始化 如果想在表格中使用日期组件,需要在页面中引入 layui 的日期组件,并初始化: script type="text/javascript" src="/layui/layui.js"/scrip...
2024-06-11 前端开发问题
455

Rails/Javascript:如何将 rails 变量注入(非常)简单的 javascript
Rails/Javascript: How to inject rails variables into (very) simple javascript(Rails/Javascript:如何将 rails 变量注入(非常)简单的 javascript)...
2024-04-20 前端开发问题
5

CoffeeScript 总是以匿名函数返回
CoffeeScript always returns in anonymous function(CoffeeScript 总是以匿名函数返回)...
2024-04-20 前端开发问题
13