Notebooks 2.0 is here.
Published
Edited
Apr 16, 2019
1 fork
3 stars
sum = (a, b) => a + b
sum(10, 2)
{
// Not `x += 1` (you would need to use "let" keyword anyway)
const x = 1
const x1 = x + 1
return x1
}
// Not `oldArr.push(5)`
[...oldArr, 5]
// Not `oldArr.unshift(0)`
[0, ...oldArr]
// Not `oldObj.new = 'quox'`
({ ...oldObj, new: 'quox' })
// Not `oldObj.label = 'Potato'`
({ ...oldObj, label: 'Potato' })
{
// Not `delete oldObj.z`
const { z, ...newObj } = oldObj
return newObj
}
subtract = (a, b) => a - b
multiply = (a, b) => a * b
divide = (a, b) => a / b
pass10 = (fn, b) => fn(10, b)
pass10(sum, 5)
pass10(multiply, 5)
pass10((a, b) => (20 + a) / b, 5)
cSum = a => b => a + b
cSubtract = a => b => a - b
cMultiply = a => b => a * b
cDivide = a => b => a / b
cSum(10)(2)
{
const add5 = cSum(5)
return [add5(5), add5(2), add5(100)]
}
{
let mediumProducts = []
for (let i = 0; i < products.length; i++) {
let currentProduct = products[i]
if (currentProduct.size === "M") {
mediumProducts.push(currentProduct)
}
}
return mediumProducts
}
products.filter(product => product.size === "M")
isMedium = product => product.size === "M"
products.filter(isMedium)
getProductName = product => product.name
products.map(getProductName)
getName = ({ name }) => name
products.map(getName)
customers.map(getName)
products.reduce((acc, { id, sex, size, type }) => ({
...acc,
[id]: `${type} - ${sex} (${size})`
}), {})
rGetName = R.prop('name')
R.map(rGetName, customers)
{
let output = {}
for (let i = 0; i < customers.length; i++) {
const { name: cName, sex: cSex, size: cSize } = customers[i]
let productNames = []
for (let j = 0; j < products.length; j++) {
const { name: pName, sex: pSex, size: pSize } = products[j]
if (cSex === pSex && cSize === pSize) {
productNames.push(pName)
}
}
output[cName.toUpperCase()] = productNames
}
return output
}
customers.reduce((acc, { name: cName, sex: cSex, size: cSize }) => {
const productNames = products
.filter(
({ sex: pSex, size: pSize }) => cSex === pSex && cSize === pSize
)
.map(R.prop('name'))
return {
...acc,
[R.toUpper(cName)]: productNames
}
}, {})
{
const extractSexSize = R.pick(['sex', 'size'])
const isSameSexSize = obj1 => obj2 => R.equals(extractSexSize(obj1), extractSexSize(obj2))
const filterProducts = nProducts => nCustomer => R.filter(isSameSexSize(nCustomer), nProducts)
const getName = R.prop('name')
const getUpperName = R.pipe(getName, R.toUpper)
const magicFn = products => customers => {
const getCustomerProducts = filterProducts(products)
return R.reduce((acc, customer) => ({
...acc,
[getUpperName(customer)]: R.map(getName, getCustomerProducts(customer))
}), {}, customers)
}
return magicFn(products)(customers)
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
