在前端开发中，我们常常需要操作对象和数组，其中必不可少的是对它们进行访问和修改。object-path-expression 是一款简单易用的 npm 包，可以更加方便地操作对象和数组。
安装 object-path-expression
通过 npm 安装 object-path-expression：
npm install object-path-expression --save
引入 object-path-expression
使用 CommonJs 引入：
const opx = require('object-path-expression');或 ES6：
import opx from 'object-path-expression';
基本用法
访问对象属性
假设我们有一个对象：
const obj = { name: 'Tom', age: 18 };我们可以通过点符号访问属性：
console.log(obj.name); // 输出 Tom
也可以通过方括号访问：
console.log(obj['name']); // 输出 Tom
通过 object-path-expression，我们可以更加方便地访问属性：
console.log(opx.get(obj, 'name')); // 输出 Tom
访问嵌套属性
假设我们有一个嵌套对象：
const obj = {
name: 'Tom',
age: 18,
job: {
title: 'Engineer',
company: 'Google'
}
};我们可以通过点符号访问嵌套属性：
console.log(obj.job.title); // 输出 Engineer
也可以通过方括号访问：
console.log(obj['job']['title']); // 输出 Engineer
通过 object-path-expression，我们可以更加方便地访问嵌套属性：
console.log(opx.get(obj, 'job.title')); // 输出 Engineer
访问数组元素
假设我们有一个数组：
const arr = ['a', 'b', 'c'];
我们可以通过索引访问数组元素：
console.log(arr[0]); // 输出 a
通过 object-path-expression，我们可以更加方便地访问数组元素：
console.log(opx.get(arr, '[0]')); // 输出 a
访问嵌套数组元素
假设我们有一个嵌套数组：
const arr = [ ['a', 'b'], ['c', 'd'] ];
我们可以通过索引访问嵌套数组元素：
console.log(arr[1][0]); // 输出 c
通过 object-path-expression，我们可以更加方便地访问嵌套数组元素：
console.log(opx.get(arr, '[1][0]')); // 输出 c
高级用法
设置对象属性
通过 object-path-expression，我们可以方便地设置对象属性：
opx.set(obj, 'name', 'Jerry');
console.log(obj); // 输出 { name: 'Jerry', age: 18 }删除对象属性
通过 object-path-expression，我们可以方便地删除对象属性：
opx.del(obj, 'name');
console.log(obj); // 输出 { age: 18 }判断属性是否存在
通过 object-path-expression，我们可以方便地判断属性是否存在：
console.log(opx.has(obj, 'name')); // 输出 false console.log(opx.has(obj, 'age')); // 输出 true
判断数组元素是否存在
通过 object-path-expression，我们可以方便地判断数组元素是否存在：
console.log(opx.has(arr, '[0]')); // 输出 true console.log(opx.has(arr, '[2]')); // 输出 false
结语
object-path-expression 简化了操作对象和数组的过程，为前端开发带来了便利。在实际开发过程中，我们可以灵活运用它提供的 API，从而更加高效地完成任务。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601281e8991b448de0ba