javascript - javascriptにnull合体(Elvis)演算子または安全なナビゲーション演算子はありますか?

Question

例で説明します：

エルビスオペレーター (?: )

「エルビス演算子」は、Java の三項演算子を短縮したものです。これが便利な例の 1 つは、式が false または null に解決された場合に「適切なデフォルト」値を返す場合です。簡単な例は次のようになります。

def gender = user.male ? "male" : "female"  //traditional ternary operator usage

def displayName = user.name ?: "Anonymous"  //more compact Elvis operator

安全航行事業者 (?.)

安全なナビゲーション演算子は、NullPointerException を回避するために使用されます。通常、オブジェクトへの参照がある場合、オブジェクトのメソッドまたはプロパティにアクセスする前に、それが null でないことを確認する必要がある場合があります。これを回避するために、セーフナビゲーションオペレータは次のように、例外をスローする代わりに単純に null を返します。

def user = User.find( "admin" )           //this might be null if 'admin' does not exist
def streetName = user?.address?.street    //streetName will be null if user or user.address is null - no NPE thrown

score 165 · Accepted Answer

Elvis 演算子の代わりに論理「OR」演算子を使用できます。

たとえばdisplayname = user.name || "Anonymous"。

しかし、現在 Javascript には他の機能がありません。別の構文が必要な場合は、 CoffeeScriptを参照することをお勧めします。探しているものに似た略記があります。

たとえば、実存的演算子

zip = lottery.drawWinner?().address?.zipcode

機能のショートカット

()->  // equivalent to function(){}

セクシー関数呼び出し

func 'arg1','arg2' // equivalent to func('arg1','arg2')

複数行のコメントとクラスもあります。明らかに、これをjavascriptにコンパイルするか、ページに挿入する必要<script type='text/coffeescript>'がありますが、多くの機能が追加されます:)。Using<script type='text/coffeescript'>は実際には開発のみを目的としており、本番用ではありません。

score 138 · Accepted Answer

少し長くなりますが、以下は安全なナビゲーション演算子と同等だと思います。

var streetName = user && user.address && user.address.street;

streetNameuser.address.streetはまたはの値のいずれかになりますundefined。

デフォルトで別のものにしたい場合は、上記のショートカットと組み合わせるか、次のように指定できます。

var streetName = (user && user.address && user.address.street) || "Unknown Street";

score 88 · Accepted Answer

Javascriptの論理OR演算子は短絡しており、「エルビス」演算子を置き換えることができます。

var displayName = user.name || "Anonymous";

?.しかし、私の知る限り、あなたのオペレーターに相当するものはありません。

score 85 · Accepted Answer

私は時折、次のイディオムが役立つことを発見しました。

a?.b?.c

次のように書き換えることができます。

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

nullこれは、オブジェクトで不明な属性を取得すると、またはのように例外をスローするのではなく、undefined が返されるという事実を利用しているundefinedため、ナビゲートする前に null と undefined を空のオブジェクトに置き換えます。

score 25 · Accepted Answer

のように、lodash_.get()がここで役立つと思います。_.get(user, 'name')_.get(o, 'a[0].b.c', 'default-value')

score 13 · Accepted Answer

前者の場合は、を使用できます||。Javascriptの「論理or」演算子は、単純に固定されたtrue値とfalse値を返すのではなく、trueの場合は左の引数を返し、それ以外の場合は右の引数を評価して返すという規則に従います。真理値のみに関心がある場合は同じように機能しますが、真の値を含むfoo、bar、またはbazの左端のfoo || bar || baz値を返すことも意味します。

ただし、falseとnullを区別できるものは見つかりません。また、0と空の文字列はfalse値であるため、正当に0または。になる可能性のあるvalue || default構文の使用は避けてください。value""

score 6 · Accepted Answer

以下は、単純な elvis 演算子に相当するものです。

function elvis(object, path) {
    return path ? path.split('.').reduce(function (nestedObject, key) {
        return nestedObject && nestedObject[key];
    }, object) : object;
}

> var o = { a: { b: 2 }, c: 3 };
> elvis(o)

{ a: { b: 2 }, c: 3 }

> elvis(o, 'a');

{ b: 2 }

> elvis(o, 'a.b');

2

> elvis(o, 'x');

undefined

score 5 · Accepted Answer

次のように言うことで、ほぼ同じ効果を得ることができます。

var displayName = user.name || "Anonymous";

score 3 · Accepted Answer

これは、null 合体演算子としてより一般的に知られています。Javascriptにはありません。

score 2 · Accepted Answer

そのための解決策があります。自分のニーズに合わせて調整してください。私のライブラリの 1 つからの抜粋です。

    elvisStructureSeparator: '.',

    // An Elvis operator replacement. See:
    // http://coffeescript.org/ --> The Existential Operator
    // http://fantom.org/doc/docLang/Expressions.html#safeInvoke
    //
    // The fn parameter has a SPECIAL SYNTAX. E.g.
    // some.structure['with a selector like this'].value transforms to
    // 'some.structure.with a selector like this.value' as an fn parameter.
    //
    // Configurable with tulebox.elvisStructureSeparator.
    //
    // Usage examples: 
    // tulebox.elvis(scope, 'arbitrary.path.to.a.function', fnParamA, fnParamB, fnParamC);
    // tulebox.elvis(this, 'currentNode.favicon.filename');
    elvis: function (scope, fn) {
        tulebox.dbg('tulebox.elvis(' + scope + ', ' + fn + ', args...)');

        var implicitMsg = '....implicit value: undefined ';

        if (arguments.length < 2) {
            tulebox.dbg(implicitMsg + '(1)');
            return undefined;
        }

        // prepare args
        var args = [].slice.call(arguments, 2);
        if (scope === null || fn === null || scope === undefined || fn === undefined 
            || typeof fn !== 'string') {
            tulebox.dbg(implicitMsg + '(2)');
            return undefined;   
        }

        // check levels
        var levels = fn.split(tulebox.elvisStructureSeparator);
        if (levels.length < 1) {
            tulebox.dbg(implicitMsg + '(3)');
            return undefined;
        }

        var lastLevel = scope;

        for (var i = 0; i < levels.length; i++) {
            if (lastLevel[levels[i]] === undefined) {
                tulebox.dbg(implicitMsg + '(4)');
                return undefined;
            }
            lastLevel = lastLevel[levels[i]];
        }

        // real return value
        if (typeof lastLevel === 'function') {
            var ret = lastLevel.apply(scope, args);
            tulebox.dbg('....function value: ' + ret);
            return ret;
        } else {
            tulebox.dbg('....direct value: ' + lastLevel);
            return lastLevel;
        }
    },

魅力のように機能します。痛みが少ないことをお楽しみください！

score 0 · Accepted Answer

これは、いくつかのミックスインを使用した安全なナビゲーションオペレーターにとって興味深いソリューションでした。

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();

score -8 · Accepted Answer

個人的に使ってます

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

たとえば、安全な取得：

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

javascript - javascriptにnull合体(Elvis)演算子または安全なナビゲーション演算子はありますか?

22 に答える 22

Related

Reference