我偶尔会发现下面这个习语很有用:

a?.b?.c

可以改写为:

((a||{}).b||{}).c

这利用了这样一个事实，即在对象上获取未知属性将返回undefined，而不是像在null或undefined上那样抛出异常，因此我们在导航之前将null和undefined替换为空对象。

我个人使用

function e(e,expr){try{return eval(expr);}catch(e){return null;}};

例如，safe get:

var a = e(obj,'e.x.y.z.searchedField');

这是一个有趣的解决方案，安全导航操作员使用一些mixin..

http://jsfiddle.net/avernet/npcmv/

  // Assume you have the following data structure
  var companies = {
      orbeon: {
          cfo: "Erik",
          cto: "Alex"
      }
  };

  // Extend Underscore.js
  _.mixin({ 
      // Safe navigation
      attr: function(obj, name) { return obj == null ? obj : obj[name]; },
      // So we can chain console.log
      log: function(obj) { console.log(obj); }
  });

  // Shortcut, 'cause I'm lazy
  var C = _(companies).chain();

  // Simple case: returns Erik
  C.attr("orbeon").attr("cfo").log();
  // Simple case too, no CEO in Orbeon, returns undefined
  C.attr("orbeon").attr("ceo").log();
  // IBM unknown, but doesn't lead to an error, returns undefined
  C.attr("ibm").attr("ceo").log();

对于前者，您可以使用||。Javascript的“逻辑或”操作符，不是简单地返回罐装的真值和假值，而是遵循这样的规则:如果左参数为真，则返回左参数，否则计算并返回右参数。当你只对真值感兴趣时，结果是一样的，但这也意味着foo || bar || baz返回包含真值的foo, bar或baz中最左边的一个。

但是，您将找不到一个可以区分false和null的值，并且0和空字符串是假值，因此避免使用value ||默认构造，其中value可以合法地为0或""。

这个问题困扰了我很长一段时间。我必须想出一个解决方案，一旦我们得到猫王运算符或其他东西，就可以很容易地迁移。

这就是我用的;适用于数组和对象

把这个放到tools.js文件里

// this will create the object/array if null
Object.prototype.__ = function (prop) {
    if (this[prop] === undefined)
        this[prop] = typeof prop == 'number' ? [] : {}
    return this[prop]
};

// this will just check if object/array is null
Object.prototype._ = function (prop) {
    return this[prop] === undefined ? {} : this[prop]
};

使用的例子:

let student = {
    classes: [
        'math',
        'whatev'
    ],
    scores: {
        math: 9,
        whatev: 20
    },
    loans: [
        200,
        { 'hey': 'sup' },
        500,
        300,
        8000,
        3000000
    ]
}

// use one underscore to test

console.log(student._('classes')._(0)) // math
console.log(student._('classes')._(3)) // {}
console.log(student._('sports')._(3)._('injuries')) // {}
console.log(student._('scores')._('whatev')) // 20
console.log(student._('blabla')._('whatev')) // {}
console.log(student._('loans')._(2)) // 500 
console.log(student._('loans')._(1)._('hey')) // sup
console.log(student._('loans')._(6)._('hey')) // {} 

// use two underscores to create if null

student.__('loans').__(6)['test'] = 'whatev'

console.log(student.__('loans').__(6).__('test')) // whatev

好吧，我知道这使代码有点难以阅读，但这是一个简单的一行解决方案，工作出色。我希望它能帮助到一些人:)

我创建了一个软件包，使它更容易使用。

NPM jsdig Github jsdig

你可以处理简单的东西，比如and object:

const world = {
  locations: {
    europe: 'Munich',
    usa: 'Indianapolis'
  }
};

world.dig('locations', 'usa');
// => 'Indianapolis'

world.dig('locations', 'asia', 'japan');
// => 'null'

或者更复杂一点:

const germany = () => 'germany';
const world = [0, 1, { location: { europe: germany } }, 3];
world.dig(2, 'location', 'europe') === germany;
world.dig(2, 'location', 'europe')() === 'germany';