JavaScript Object,JSONデータの同名キーの値を読み取る方法

Question

コード内にあるオブジェクト形式のデータに同名のkeyが使われていた場合について。
JavaScript側からこれらのキーを独自のものとして値を読み取る方法はあるのでしょうか？

{
"key1": "value1",
"key2": "value2",
"key1": "value3"
}

コード（テキスト）としてはデータが残っているのですが、量が多くて人力でキーを修正していくのは困難です。
プレーンテキストを正規表現などを利用してオブジェクトに作り直す方法を思いつきましたが、他にも良い方法があれば教えて頂きたいです。
整形する方法はJavaScript以外でも大丈夫です。既存のツールなどがあればそちらを利用します。

よろしくお願いします。

Comments

[Lhankor_Mhy]

シングルクォートはJSONでは使えません。
また、値として持てるものも決められていて、value1 という識別子は使えないと思います。

以上より、そのファイルはJSONではなく、JavaScriptなのではないかな、と感じました。

[退会済みユーザー]

そもそもユニークであると定義されてる

[gucha]

サンプルコードを修正しました。ご指摘ありがとうございます。

Answer 1

それはJSONとしておかしいので、
まともな方法で値を取り出す事は不可能です。

データクレンジングを行い妥当なJSONに整形しなければ読み書きできません

では早速やっていきましょう。
基本的には改行コードを全て潰して1行の文字列に潰してしまうのが楽でしょう。
※ただし、""等の文字列に囲まれたエリアで改行やカンマ等の文字を扱っている場合は高度なエスケープ処理が出来るので、1文字ずつ取得していくやり方が必要になります。

const json = `{
'key1': value1,
'key2': value2,
'key1': value3
}`;

console.log(
  json.replace(/\r?\n/g, "")
);
// "{'key1': value1,'key2': value2,'key1': value3}"

console.log(
  json
    .replace(/\r?\n/g, "")
    .trim() // trimで文字列前後のホワイトスペースを削除して
    .slice(1, -1) // 先頭と末尾の文字を捨てて{}の中身を抽出
    .split(",") // カンマで切って配列化
);
// ["'key1': value1", "'key2': value2", "'key1': value3"]

ここで配列になるので、今度はfor..of文で加工していきましょう。

const json = `{
'key1': value1,
'key2': value2,
'key1': value3
}`;

const data = json
  .replace(/\r?\n/g, "")
  .trim()
  .slice(1, -1)
  .split(",");

const result = [];
for (const datum of data) {
  // datum = "'key1': value1"
  const [key, val] = datum.split(":").map(it => it.trim());
  result.push({key, val});
}
console.log(result);

[
  {
    "key": "'key1'",
    "val": "value1"
  },
  {
    "key": "'key2'",
    "val": "value2"
  },
  {
    "key": "'key1'",
    "val": "value3"
  }
]

key値が"'key1'"みたいになっていますが、
先頭の文字を取り出してチェックしてシングルクォートだとわかるなら
最初と最後の文字を切り飛ばすようにしていけばすすめると思います。

Comments

[gucha]

目的が達成できる方法でなおかつ一番早い回答だったのでこちらをベストアンサーに選びました。
回答して頂いた皆様ありがとうございました。

Answer 2

Symbolにできるならワンチャンあるかも

const o = {
[Symbol('key1')]: "value1",
[Symbol('key2')]: "value2",
[Symbol('key1')]: "value3"
};

Object.getOwnPropertySymbols(o).length //3

Comments

[gucha]

Symbolのこのような使い方は知らなかったのでとても勉強になりました。
今回私は使用しませんでしたが、こちらのやり方の方が目的に合うケースもあると思いました。

Answer 3

こんにちは

この回答では、パイプでつなぐことを意図した、以下の２つのコマンドライン用スクリプトを作ります。

(1) data2xml: 標準入力から、ご質問に提示されている形式の、以下のようなテキストを受け取り、等価な情報を持つXMLを作って標準出力に表示する。

{
'key1': value1,
'key2': value2,
'key1': value3
}

(2) xml2json: 標準入力からXMLを受け取って、JSONに変換にして標準出力に表示する。

ご質問に

整形する方法はJavaScript以外でも大丈夫です。

とありましたので、Python で書きました。

$ python -V

Python 3.7.4
$ cat data.txt

{
'key1': value1,
'key2': value2,
'key1': value3
}

$ cat data2xml.py

import sys
import re

for line in sys.stdin:
    s = line.strip()

    if s == '{':
        print('<?xml version="1.0" encoding="UTF-8" ?>\n<data>')
    elif s == '}':
        print('</data>')
    else:
        m = re.search(r'\'(\w+)\':\s+(\w+)', s)
        if m:
            k, v = m.group(1), m.group(2)
            print(f'<{k}>{v}</{k}>')

$ cat data.txt | python data2xml.py

<?xml version="1.0" encoding="UTF-8" ?>
<data>
<key1>value1</key1>
<key2>value2</key2>
<key1>value3</key1>
</data>

$ pip install lxml xmljson

Collecting lxml
Using cached https://files.pythonhosted.org/packages/a7/85/8b1a9a33b451114e352c29a200320f086ea30ff163599dd39cb627e7c86a/lxml-4.5.0-cp37-cp37m-macosx_10_9_x86_64.whl
Collecting xmljson
Using cached https://files.pythonhosted.org/packages/e4/e6/f9cf79926273920d6091d706babc27989c3c1633de6ba6072157348ea3a8/xmljson-0.2.0-py2.py3-none-any.whl
Installing collected packages: lxml, xmljson
Successfully installed lxml-4.5.0 xmljson-0.2.0

$ cat xml2json.py

import sys
from lxml import etree
import xmljson
import json

tree = etree.parse(sys.stdin)

dic = xmljson.yahoo.data(tree.getroot())

json.dump(dic, sys.stdout, indent=2)

$ cat data.txt | python data2xml.py | python xml2json.py > data.json

$ cat data.json

{
  "data": {
    "key1": [
      "value1",
      "value3"
    ],
    "key2": "value2"
  }
}

上記では、data2xmlとdata2xml、ともにPythonで書きましたが、プログラミング言語として何を使うかは、この回答の本題ではなく、「中間形式としてXMLにしてみてはいかがでしょう？」というご提案が主旨になります。

また、上記のコードでは、XMLからJSONにするのに、xmljsonという既存モジュールを使いましたが、XMLをパースしてXPathで欲しい情報だけを拾って別の形式のJSONにすることもできます。このように、独自形式の元データをXMLに変換すれば、その後はXMLという汎用的な形式を処理するという、解法のヒントが多く得られる問題に置き換えることができるので、採り得る選択肢が広がるのではと考えた次第です。

以上、参考になれば幸いです。

Answer 4

文字列処理するしかないので、こういうパターンを考えてみました。

var code = `{
'key1': value1,
'key2': value2,
'key1': value3
}`

var parse = str => {
  let oj = {};
  let set = (k,v) => {
    if( ! oj.hasOwnProperty(k) ) oj[k] = v;
    else if( !Array.isArray(oj[k]) ) {
      oj[k] = [oj[k]];
    }
    if( Array.isArray(oj[k]) ) oj[k].push(v);
  }

  str.split(/\x2c?\n/).forEach( token => {
    console.log(" token ", token );
    let m;
    if( m = token.match(/\x27([\w\d]+)\x27\x3a\s*([\w\d]+)/) ) {
      console.log("pair-match ", m );
      set(m[1],m[2]);
    }
  })

  return oj;
}

var json = parse( code );

console.log( JSON.stringify(json,null,2) );
/*
{
  "key1": [
    "value1",
    "value3"
  ],
  "key2": "value2"
}
 */

Answer 5

　オブジェクト形式のデータに同名のkeyが使われていた場合

jsではオブジェクトに同名のキーは設定できません

Comments

[yambejp]

JSONとの入出力は無理ですが、formdataで処理は可能です

var fd=new FormData();
fd.append("hoge",1);
fd.append("fuga",2);
fd.append("hoge",3);
console.log(fd.getAll("hoge"));