内容简介:若想在VS Code 1.33.1Quokka 1.0.209
若想在 Array.prototype.map() 的 Callback 得知目前 Element 的 Index,其 Callback 的第二個參數就是 Index,但 Ramda 的 map() 並沒有提供如此功能,該如何解決呢 ?
Version
VS Code 1.33.1
Quokka 1.0.209
Ramda 0.26.1
Array.prototype.map()
let data = [
{ title: 'FP in JavaScript', price: 100 },
{ title: 'RxJS in Action', price: 200 },
{ title: 'Speaking JavaScript', price: 300 }
];
let getBooks = arr => arr.map((x, i) => `${i}.${x.title}`);
console.dir(getBooks(data));
第 7 行
let getBooks = arr => arr.map((x, i) => `${i}.${x.title}`);
第二個參數 i 就是 index,可直接使用。
addIndex()
import { map, addIndex } from 'ramda';
let data = [
{ title: 'FP in JavaScript', price: 100 },
{ title: 'RxJS in Action', price: 200 },
{ title: 'Speaking JavaScript', price: 300 }
];
let mapIndex = addIndex(map);
let getBooks = mapIndex((x, i) => `${i}.${x.title}`);
console.dir(getBooks(data));
第 8 行
let mapIndex = addIndex(map);
map() 必須經過 addIndex() 的包裝後,其 callback 才有 index 可用。
addIndex()
((a … → b) … → [a] → *) → ((a …, Int, [a] → b) … → [a] → *)
將 callback 加上 index
Point-free
import { map, addIndex, useWith, concat, identity, prop, flip, pipe } from 'ramda';
let data = [
{ title: 'FP in JavaScript', price: 100 },
{ title: 'RxJS in Action', price: 200 },
{ title: 'Speaking JavaScript', price: 300 }
];
let mapIndex = addIndex(map);
let title = pipe(prop('title'), concat('.'));
let index = pipe(identity, String);
let getBooks = mapIndex(useWith(
flip(concat), [title, index])
);
console.dir(getBooks(data));
也可以將 callback 部分進一步 point-free。
這個 point-free 在 production code 就不建議使用,因為太複雜了,可讀性不高,僅適合拿來練習 point-free
Conclusion
addIndex()
Reference
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
HTML & CSS设计与构建网站
[美] Jon Duckett / 刘涛、陈学敏 / 清华大学出版社 / 2013-1 / 59.80元
欢迎您选择一种更高效的学习HTML和CSS的方式。不管您设计和建立新网站,还是想更好地控制现有网站,都可以在《HTML & CSS 设计与构建网站》一书的指导下创建出用户友好、令用户赏心悦目的Web内容。我们知道,编码是一项令人望而生畏的工作,而本书却采用有别于许多传统编程书籍的新颖编排方式,将使您收到事半功倍的学习效果。 每一页都在短小精悍的示例代码的引导下,简明直观、直截了当地阐述一个新......一起来看看 《HTML & CSS设计与构建网站》 这本书的介绍吧!