百科网

首页 > 生活常识 > 生活经验

生活经验

JavaScript lodash的常见用法

生活经验佚名2023-05-10

Lodash是一个JavaScript的实用工具库,提供了很多常用的函数和工具,可以帮助我们更方便地操作数据和处理逻辑。本文将详细介绍Lodash的常见用法,包括对象操作、数组操作、函数操作和其他常用操作等方面。

一、对象操作

1. _.get(object, path, [defaultValue]):获取对象中指定路径的值,如果路径不存在则返回默认值。

示例:

const user = {

name: 'John',

address: {

city: 'New York',

street: '123 Main St'

}

};

_.get(user, 'address.city'); // 'New York'

_.get(user, 'address.zip', 'N/A'); // 'N/A'

2. _.set(object, path, value):设置对象中指定路径的值。

示例:

const user = {

name: 'John',

address: {

city: 'New York',

street: '123 Main St'

}

};

_.set(user, 'address.city', 'Los Angeles');

console.log(user.address.city); // 'Los Angeles'

3. _.has(object, path):判断对象中是否存在指定路径的值。

示例:

const user = {

name: 'John',

address: {

city: 'New York',

street: '123 Main St'

}

};

_.has(user, 'address.city'); // true

_.has(user, 'address.zip'); // false

4. _.keys(object):获取对象中所有的键名。

示例:

const user = {

name: 'John',

age: 30,

address: {

city: 'New York',

street: '123 Main St'

}

};

_.keys(user); // ['name', 'age', 'address']

5. _.values(object):获取对象中所有的键值。

示例:

const user = {

name: 'John',

age: 30,

address: {

city: 'New York',

street: '123 Main St'

}

};

_.values(user); // ['John', 30, {city: 'New York', street: '123 Main St'}]

二、数组操作

1. _.chunk(array, size):将数组按照指定大小分块。

示例:

const arr = [1, 2, 3, 4, 5, 6];

_.chunk(arr, 2); // [[1, 2], [3, 4], [5, 6]]

_.chunk(arr, 3); // [[1, 2, 3], [4, 5, 6]]

2. _.compact(array):去除数组中的假值,包括false、null、0、''、undefined和NaN。

示例:

const arr = [1, 0, false, '', null, undefined, NaN];

_.compact(arr); // [1]

3. _.difference(array, [values]):返回数组中不包含在指定数组中的元素。

示例:

const arr1 = [1, 2, 3, 4, 5];

const arr2 = [2, 4, 6];

_.difference(arr1, arr2); // [1, 3, 5]

4. _.drop(array, [n=1]):返回去除数组中前n个元素后的剩余元素。

示例:

const arr = [1, 2, 3, 4, 5];

_.drop(arr); // [2, 3, 4, 5]

_.drop(arr, 2); // [3, 4, 5]