Software developer and power user
_ = require("lodash@4")
popularMethodNames = _.map(mostPopularPerMethodPackages, d => getMethodName(d.name))
mostPopularPerMethodPackages = _.take(ranking, 10) // per 2021-04-21
users = [
{user: "fred", age: 48},
{user: "barney", age: 36},
{user: "fred", age: 40},
{user: "barney", age: 34}
]
_.sortBy(users, [o => o.user])
{
const shallowCopy = users.slice();
return shallowCopy.sort((a, b) => a.user.localeCompare(b.user)) // native equivalent (for this specific case)
}
_.sortBy(users, ["user", "age"])
users.slice().sort((a, b) => a.age - b.age) // native equivalent (for this specific case)
_.uniq([2, 1, 2])
[...new Set([2, 1, 2])] // native equivalent
{
var object = {a: 1, b: 2};
var other = {c: 3, d: 4};
var values = _.memoize(_.values);
values(object);
// => [1, 2]
values(other);
// => [3, 4]
object.a = 2;
values(object);
// => [1, 2]
// Modify the result cache.
values.cache.set(object, ["a", "b"]);
values(object);
// => ["a", "b"]
}
{
function Foo() {
this.a = 1;
}
return _.isPlainObject(new Foo);
}
_.isPlainObject([1, 2, 3])
_.isPlainObject({x: 0, y: 0})
_.isPlainObject(Object.create(null))
{
// Use the "interpolate" delimiter to create a compiled template.
const compiled = _.template("hello <%= user %>!");
return compiled({user: "fred"});
}
{
// Use the HTML "escape" delimiter to escape data property values.
const compiled = _.template("<b><%- value %></b>");
return compiled({value: "<script>"});
}
{
// Use the "evaluate" delimiter to execute JavaScript and generate HTML.
const compiled = _.template('<% _.forEach(users, function(user) { %><li><%- user %></li><% }); %>');
return compiled({users: ["fred", "barney"]});
}
{
// Use the internal `print` function in "evaluate" delimiters.
const compiled = _.template('<% print("hello " + user); %>!');
return compiled({user: "barney"});
}
{
// Use the ES template literal delimiter as an "interpolate" delimiter.
// Disable support by replacing the "interpolate" delimiter.
var compiled = _.template('hello ${ user }!');
return compiled({user: "pebbles"});
}
{
// Use backslashes to treat delimiters as plain text.
const compiled = _.template('<%= "\\<%- value %\\>" %>');
return compiled({value: "ignored"});
}
{
const jQuery = await require("jquery@3");
// Use the `imports` option to import `jQuery` as `jq`.
const text = '<% jq.each(users, function(user) { %><li><%- user %></li><% }); %>';
const compiled = _.template(text, {imports: {jq: jQuery}});
return compiled({users: ["fred", "barney"]});
}
{
const jQuery = await require("jquery@3");
const users = ["fred", "barney"];
return jQuery.each(users, user => `<li>${user}</li>`)
}
{
// Use the `variable` option to ensure a with-statement isn't used in the compiled template.
const compiled = _.template('hi <%= data.user %>!', {variable: "data"});
return compiled.source;
}
{
// Use new pristine lodash function.
const lo = _.runInContext();
// Use custom template delimiters.
lo.templateSettings.interpolate = /{{([\s\S]+?)}}/g;
const compiled = lo.template('hello {{ user }}!');
return compiled({ 'user': 'mustache' });
}
object = ({
a: [{b: {c: 3}}]
})
_.get(object, "a[0].b.c")
_.get(object, ["a", "0", "b", "c"])
_.get(object, "a.b.c", "default")
object.a?.b?.c ?? "default" // native equivalent (for this specific case)
{
const form = html`<form>
<input type="range" max="1" step="any" name="input">
<output name="output">0.5</output>
</form>`;
const onInput = (e) => form.output.innerText = e.target.value;
const delayInMilliseconds = 100;
form.input.oninput = _.debounce(onInput, delayInMilliseconds);
return form;
}
objects = [
{a: 1},
{b: 2}
];
deep = _.cloneDeep(objects);
JSON.parse(JSON.stringify(objects)) // native equivalent (for this specific case)
_.isString("abc")
_.isString(1)
typeof 1 === "string" // native equivalent (for this specific case)
initialize = {
const createApplication = () => Date.now();
return _.once(createApplication);
}
initialize()
{
await Promises.delay(10);
return initialize();
}
import {compose, composeParagraphed}
with {getDocumentationUrl as getDocumentationUrl, formatExample as formatExample}
from "@nikita-sharov/lodash-documentation-generator"
getDocumentationUrl = (methodName) => `https://lodash.com/docs/4#${methodName}`
formatExample = () => _.stubString()
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.
