オブジェクトを文字列に変換する
JavaScriptオブジェクトを文字列に変換する方法
例：
var o = {a:1, b:2}
console.log(o)
console.log('Item: ' + o)
出力：
オブジェクト{a = 1、b = 2} //とても読みやすい出力:)
Item：[object Object] //中身がわからない
オブジェクト内の一連の変数をJSON文字列に変換する JSON.stringify の使用をお勧めします。最近のほとんどのブラウザはこのメソッドをネイティブにサポートしていますが、サポートしていないブラウザには JSバージョンを含めることができます
var obj = {
name: 'myObj'
};
JSON.stringify(obj);
JavascriptのString（）関数を使用してください。
String(yourobject); //returns [object Object]
または
JSON.stringify(yourobject)
。
確かに、オブジェクトを文字列に変換するには、次のように独自のメソッドを使用する必要があります。
function objToString (obj) {
var str = '';
for (var p in obj) {
if (obj.hasOwnProperty(p)) {
str += p + '::' + obj[p] + '\n';
}
}
return str;
}
実際には、上記は一般的なアプローチを示しています。 http://phpjs.org/functions/var_export:578 または http://phpjs.org/functions/var_dump:604 のようなものを使いたいと思うかもしれません。
メソッドを使用していない場合（オブジェクトのプロパティとしての機能）、新しい標準を使用できます（ただし、古いブラウザでは実装されていませんが、そのためのユーティリティもあります）。JSON .stringify（）しかし、やはり、オブジェクトがJSONに直列化できない関数または他のプロパティを使用している場合は、うまくいきません。
consoleで簡単にしておくために、+の代わりにコンマを使用することができます。 +はオブジェクトを文字列に変換しようとしますが、コンマはそれをコンソールに別々に表示します。
例：
var o = {a:1, b:2};
console.log(o);
console.log('Item: ' + o);
console.log('Item: ', o); // :)
出力：
Object { a=1, b=2} // useful
Item: [object Object] // not useful
Item: Object {a: 1, b: 2} // Best of both worlds! :)
参照： https://developer.mozilla.org/en-US/docs/Web/API/Console.log
_ edit _ Internet Explorerでは機能しないため、この回答は使用しないでください。 Gary Chambers solutionを使用してください。
toSource（） はあなたが探している関数で、JSONとして書き出します。
var object = {};
object.first = "test";
object.second = "test2";
alert(object.toSource());
1つのオプション ：
console.log('Item: ' + JSON.stringify(o));
別のオプション （as soktinpk がコメントで指摘されているように）、そしてIMOのコンソールデバッグにはもっと良い：
console.log('Item: ', o);
ここでの解決策のどれも私のために働きませんでした。 JSON.stringifyは多くの人が言っているように見えますが、それは関数を切り捨てて、私がそれをテストしたときに試みたいくつかのオブジェクトと配列にとってかなり壊れているようです。
私は少なくともChromeで動作する私自身の解決策を作りました。ここに投稿して、Googleでこれを検索した人が見つけられるようにします。
//Make an object a string that evaluates to an equivalent object
// Note that eval() seems tricky and sometimes you have to do
// something like eval("a = " + yourString), then use the value
// of a.
//
// Also this leaves extra commas after everything, but JavaScript
// ignores them.
function convertToText(obj) {
//create an array that will later be joined into a string.
var string = [];
//is object
// Both arrays and objects seem to return "object"
// when typeof(obj) is applied to them. So instead
// I am checking to see if they have the property
// join, which normal objects don't have but
// arrays do.
if (typeof(obj) == "object" && (obj.join == undefined)) {
string.Push("{");
for (prop in obj) {
string.Push(prop, ": ", convertToText(obj[prop]), ",");
};
string.Push("}");
//is array
} else if (typeof(obj) == "object" && !(obj.join == undefined)) {
string.Push("[")
for(prop in obj) {
string.Push(convertToText(obj[prop]), ",");
}
string.Push("]")
//is function
} else if (typeof(obj) == "function") {
string.Push(obj.toString())
//all other values can be done with JSON.stringify
} else {
string.Push(JSON.stringify(obj))
}
return string.join("")
}
編集：私はこのコードを改善することができることを知っているが、それをすることに戸惑ったことは決してない。ユーザーandreyが改善を提案しました ここ コメント付き：
これは 'null'と 'undefined'を扱うことができ、また余分なコンマを追加しない、少し変更されたコードです。
私はまったく検証していないので、あなた自身の責任でそれを使ってください。コメントとして追加の改善を提案してください。
コンソールに出力しているだけなら、console.log('string:', obj)を使えます。 コンマ に注意してください。
オブジェクトがブール値、日付、文字列、数値などであることがわかっている場合は、javascriptのString（）関数を使用しても問題ありません。私は最近jqueryの$ .each関数から来る値を扱うのにこれが役に立つとわかりました。
たとえば、次のコードは "value"内のすべての項目を文字列に変換します。
$.each(this, function (name, value) {
alert(String(value));
});
詳細はこちら：
var obj={
name:'xyz',
Address:'123, Somestreet'
}
var convertedString=JSON.stringify(obj)
console.log("literal object is",obj ,typeof obj);
console.log("converted string :",convertedString);
console.log(" convertedString type:",typeof convertedString);
私はこれを探していて、字下げ付きの深い再帰的なものを書いた：
function objToString(obj, ndeep) {
if(obj == null){ return String(obj); }
switch(typeof obj){
case "string": return '"'+obj+'"';
case "function": return obj.name || obj.toString();
case "object":
var indent = Array(ndeep||1).join('\t'), isArray = Array.isArray(obj);
return '{['[+isArray] + Object.keys(obj).map(function(key){
return '\n\t' + indent + key + ': ' + objToString(obj[key], (ndeep||1)+1);
}).join(',') + '\n' + indent + '}]'[+isArray];
default: return obj.toString();
}
}
使い方：objToString({ a: 1, b: { c: "test" } })
オブジェクトをデバッグ用に見たいだけなら、
var o = {a:1, b:2}
console.dir(o)
1。
JSON.stringify(o);
アイテム：{"a"： "1"、 "b"： "2"}
2。
var o = {a:1, b:2};
var b=[]; Object.keys(o).forEach(function(k){b.Push(k+":"+o[k]);});
b="{"+b.join(', ')+"}";
console.log('Item: ' + b);
アイテム：{a：1、b：2}
JSONメソッドはGeckoエンジンの.toSource（）プリミティブよりかなり劣っています。
比較テストについては SO article response をご覧ください。
また、上記の answer は http://forums.devshed.com/javascript-development-115/tosource-with-arrays-in-ie-386109.html を参照しています。他の記事 http://www.davidpirek.com/blog/object-to-string-how-to-deserialize-json が "ExtJs JSONエンコードのソースコード" ）を介して使用するものは循環を処理できない参照し、不完全です。以下のコードは、（なりすましの）制限を示しています（内容のない配列とオブジェクトを処理するように修正されています）。
（ //forums.devshed.com/ .../tosource-with-array-in-ie-386109 内のコードへの直接リンク）
javascript:
Object.prototype.spoof=function(){
if (this instanceof String){
return '(new String("'+this.replace(/"/g, '\\"')+'"))';
}
var str=(this instanceof Array)
? '['
: (this instanceof Object)
? '{'
: '(';
for (var i in this){
if (this[i] != Object.prototype.spoof) {
if (this instanceof Array == false) {
str+=(i.match(/\W/))
? '"'+i.replace('"', '\\"')+'":'
: i+':';
}
if (typeof this[i] == 'string'){
str+='"'+this[i].replace('"', '\\"');
}
else if (this[i] instanceof Date){
str+='new Date("'+this[i].toGMTString()+'")';
}
else if (this[i] instanceof Array || this[i] instanceof Object){
str+=this[i].spoof();
}
else {
str+=this[i];
}
str+=', ';
}
};
str=/* fix */(str.length>2?str.substring(0, str.length-2):str)/* -ed */+(
(this instanceof Array)
? ']'
: (this instanceof Object)
? '}'
: ')'
);
return str;
};
for(i in objRA=[
[ 'Simple Raw Object source code:',
'[new Array, new Object, new Boolean, new Number, ' +
'new String, new RegExp, new Function, new Date]' ] ,
[ 'Literal Instances source code:',
'[ [], {}, true, 1, "", /./, function(){}, new Date() ]' ] ,
[ 'some predefined entities:',
'[JSON, Math, null, Infinity, NaN, ' +
'void(0), Function, Array, Object, undefined]' ]
])
alert([
'\n\n\ntesting:',objRA[i][0],objRA[i][1],
'\n.toSource()',(obj=eval(objRA[i][1])).toSource(),
'\ntoSource() spoof:',obj.spoof()
].join('\n'));
表示されます：
testing:
Simple Raw Object source code:
[new Array, new Object, new Boolean, new Number, new String,
new RegExp, new Function, new Date]
.toSource()
[[], {}, (new Boolean(false)), (new Number(0)), (new String("")),
/(?:)/, (function anonymous() {}), (new Date(1303248037722))]
toSource() spoof:
[[], {}, {}, {}, (new String("")),
{}, {}, new Date("Tue, 19 Apr 2011 21:20:37 GMT")]
そして
testing:
Literal Instances source code:
[ [], {}, true, 1, "", /./, function(){}, new Date() ]
.toSource()
[[], {}, true, 1, "", /./, (function () {}), (new Date(1303248055778))]
toSource() spoof:
[[], {}, true, 1, ", {}, {}, new Date("Tue, 19 Apr 2011 21:20:55 GMT")]
そして
testing:
some predefined entities:
[JSON, Math, null, Infinity, NaN, void(0), Function, Array, Object, undefined]
.toSource()
[JSON, Math, null, Infinity, NaN, (void 0),
function Function() {[native code]}, function Array() {[native code]},
function Object() {[native code]}, (void 0)]
toSource() spoof:
[{}, {}, null, Infinity, NaN, undefined, {}, {}, {}, undefined]
Firefoxはスクリーンオブジェクトとして文字列化しないので。 JSON.stringify(obj)：のように同じ結果にしたい場合
function objToString (obj) {
var tabjson=[];
for (var p in obj) {
if (obj.hasOwnProperty(p)) {
tabjson.Push('"'+p +'"'+ ':' + obj[p]);
}
} tabjson.Push()
return '{'+tabjson.join(',')+'}';
}
stringify-objectはヨーマンチームによって作られた良いnpmライブラリです： https://www.npmjs.com/package/stringify-object
npm install stringify-object
その後：
const stringifyObject = require('stringify-object');
stringifyObject(myCircularObject);
明らかに、JSON.stringify();で失敗する円形のオブジェクトがある場合にのみ興味深いです
jQuery-JSON plugin を見てください。
基本的にはJSON.stringifyを使用しますが、ブラウザが実装していない場合は独自のパーサーにフォールバックします。
あなたが文字列、オブジェクト、そして配列だけを気にかけているなら：
function objectToString (obj) {
var str = '';
var i=0;
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
if(typeof obj[key] == 'object')
{
if(obj[key] instanceof Array)
{
str+= key + ' : [ ';
for(var j=0;j<obj[key].length;j++)
{
if(typeof obj[key][j]=='object') {
str += '{' + objectToString(obj[key][j]) + (j > 0 ? ',' : '') + '}';
}
else
{
str += '\'' + obj[key][j] + '\'' + (j > 0 ? ',' : ''); //non objects would be represented as strings
}
}
str+= ']' + (i > 0 ? ',' : '')
}
else
{
str += key + ' : { ' + objectToString(obj[key]) + '} ' + (i > 0 ? ',' : '');
}
}
else {
str +=key + ':\'' + obj[key] + '\'' + (i > 0 ? ',' : '');
}
i++;
}
}
return str;
}
var o = {a:1, b:2};
o.toString=function(){
return 'a='+this.a+', b='+this.b;
};
console.log(o);
console.log('Item: ' + o);
Javascript v1.0はいたるところで動作するので（IEでも）これはネイティブのアプローチであり、デバッグ中および本番環境で非常にコストのかかるオブジェクトの外観を可能にします https：//developer.mozilla .org/ja/docs/Web/JavaScript /リファレンス/ Global_Objects/Object/toString
便利な例
var Ship=function(n,x,y){
this.name = n;
this.x = x;
this.y = y;
};
Ship.prototype.toString=function(){
return '"'+this.name+'" located at: x:'+this.x+' y:'+this.y;
};
alert([new Ship('Star Destroyer', 50.001, 53.201),
new Ship('Millennium Falcon', 123.987, 287.543),
new Ship('TIE fighter', 83.060, 102.523)].join('\n'));//now they can battle!
//"Star Destroyer" located at: x:50.001 y:53.201
//"Millennium Falcon" located at: x:123.987 y:287.543
//"TIE fighter" located at: x:83.06 y:102.523
また、ボーナスとして
function ISO8601Date(){
return this.getFullYear()+'-'+(this.getMonth()+1)+'-'+this.getDate();
}
var d=new Date();
d.toString=ISO8601Date;//demonstrates altering native object behaviour
alert(d);
//IE6 Fri Jul 29 04:21:26 UTC+1200 2016
//FF&GC Fri Jul 29 2016 04:21:26 GMT+1200 (New Zealand Standard Time)
//d.toString=ISO8601Date; 2016-7-29
あなたの例として、 console.log("Item:",o) が一番簡単だと思います。しかし、 console.log("Item:" + o.toString) も機能します。
メソッド番号1を使用すると、コンソールでNiceドロップダウンが使用されるので、長いオブジェクトはうまく機能します。
Dojo javascriptフレームワークを使用している場合は、これを実行するための組み込み関数が既にあります。
var obj = {
name: 'myObj'
};
dojo.toJson(obj);
これは文字列を返します。オブジェクトをJSONデータに変換する場合は、2番目のパラメータtrueを追加します。
dojo.toJson(obj, true);
http://dojotoolkit.org/reference-guide/dojo/toJson.html#dojo-tojson
/*
This function is as JSON.Stringify (but if you has not in your js-engine you can use this)
Params:
obj - your object
inc_ident - can be " " or "\t".
show_types - show types of object or not
ident - need for recoursion but you can not set this parameter.
*/
function getAsText(obj, inc_ident, show_types, ident) {
var res = "";
if (!ident)
ident = "";
if (typeof(obj) == "string") {
res += "\"" + obj + "\" ";
res += (show_types == true) ? "/* typeobj: " + typeof(obj) + "*/" : "";
} else if (typeof(obj) == "number" || typeof(obj) == "boolean") {
res += obj;
res += (show_types == true) ? "/* typeobj: " + typeof(obj) + "*/" : "";
} else if (obj instanceof Array) {
res += "[ ";
res += show_types ? "/* typeobj: " + typeof(obj) + "*/" : "";
res += "\r\n";
var new_ident = ident + inc_ident;
var arr = [];
for(var key in obj) {
arr.Push(new_ident + getAsText(obj[key], inc_ident, show_types, new_ident));
}
res += arr.join(",\r\n") + "\r\n";
res += ident + "]";
} else {
var new_ident = ident + inc_ident;
res += "{ ";
res += (show_types == true) ? "/* typeobj: " + typeof(obj) + "*/" : "";
res += "\r\n";
var arr = [];
for(var key in obj) {
arr.Push(new_ident + '"' + key + "\" : " + getAsText(obj[key], inc_ident, show_types, new_ident));
}
res += arr.join(",\r\n") + "\r\n";
res += ident + "}\r\n";
}
return res;
};
使用例
var obj = {
str : "hello",
arr : ["1", "2", "3", 4],
b : true,
vobj : {
str : "hello2"
}
}
var ForReading = 1, ForWriting = 2;
var fso = new ActiveXObject("Scripting.FileSystemObject")
f1 = fso.OpenTextFile("your_object1.txt", ForWriting, true)
f1.Write(getAsText(obj, "\t"));
f1.Close();
f2 = fso.OpenTextFile("your_object2.txt", ForWriting, true)
f2.Write(getAsText(obj, "\t", true));
f2.Close();
your_object1.txt：
{
"str" : "hello" ,
"arr" : [
"1" ,
"2" ,
"3" ,
4
],
"b" : true,
"vobj" : {
"str" : "hello2"
}
}
your_object2.txt：
{ /* typeobj: object*/
"str" : "hello" /* typeobj: string*/,
"arr" : [ /* typeobj: object*/
"1" /* typeobj: string*/,
"2" /* typeobj: string*/,
"3" /* typeobj: string*/,
4/* typeobj: number*/
],
"b" : true/* typeobj: boolean*/,
"vobj" : { /* typeobj: object*/
"str" : "hello2" /* typeobj: string*/
}
}
ネストしていないオブジェクトの場合：
Object.entries(o).map(x=>x.join(":")).join("\r\n")
あなたが望むのが単に文字列出力を得ることだけであれば、これはうまくいくはずです：String(object)
コメントを追加してJSONパスを知っていなければならなかったので、私はJSON.stringifyのより構成可能なバージョンを作る必要がありました：
const someObj = {
a: {
nested: {
value: 'Apple',
},
sibling: 'peanut'
},
b: {
languages: ['en', 'de', 'fr'],
c: {
Nice: 'heh'
}
},
c: 'butter',
d: function () {}
};
function* objIter(obj, indent = ' ', depth = 0, path = '') {
const t = indent.repeat(depth);
const t1 = indent.repeat(depth + 1);
const v = v => JSON.stringify(v);
yield { type: Array.isArray(obj) ? 'OPEN_ARR' : 'OPEN_OBJ', indent, depth };
const keys = Object.keys(obj);
for (let i = 0, l = keys.length; i < l; i++) {
const key = keys[i];
const prop = obj[key];
const nextPath = !path && key || `${path}.${key}`;
if (typeof prop !== 'object') {
yield { type: isNaN(key) ? 'VAL' : 'ARR_VAL', key, prop, indent, depth, path: nextPath };
} else {
yield { type: 'OBJ_KEY', key, indent, depth, path: nextPath };
yield* objIter(prop, indent, depth + 1, nextPath);
}
}
yield { type: Array.isArray(obj) ? 'CLOSE_ARR' : 'CLOSE_OBJ', indent, depth };
}
const iterMap = (it, mapFn) => {
const arr = [];
for (const x of it) { arr.Push(mapFn(x)) }
return arr;
}
const objToStr = obj => iterMap(objIter(obj), ({ type, key, prop, indent, depth, path }) => {
const t = indent.repeat(depth);
const t1 = indent.repeat(depth + 1);
const v = v => JSON.stringify(v);
switch (type) {
case 'OPEN_ARR':
return '[\n';
case 'OPEN_OBJ':
return '{\n';
case 'VAL':
return `${t1}// ${path}\n${t1}${v(key)}: ${v(prop)},\n`;
case 'ARR_VAL':
return `${t1}// ${path}\n${t1}${v(prop)},\n`;
case 'OBJ_KEY':
return `${t1}// ${path}\n${t1}${v(key)}: `;
case 'CLOSE_ARR':
case 'CLOSE_OBJ':
return `${t}${type === 'CLOSE_ARR' ? ']' : '}'}${depth ? ',' : ';'}\n`;
default:
throw new Error('Unknown type:', type);
}
}).join('');
const s = objToStr(someObj);
console.log(s);function objToString (obj) {
var str = '{';
if(typeof obj=='object')
{
for (var p in obj) {
if (obj.hasOwnProperty(p)) {
str += p + ':' + objToString (obj[p]) + ',';
}
}
}
else
{
if(typeof obj=='string')
{
return '"'+obj+'"';
}
else
{
return obj+'';
}
}
return str.substring(0,str.length-1)+"}";
}
あなたがObjectにjoin（）を適用しない場合。
const obj = {one:1, two:2, three:3};
let arr = [];
for(let p in obj)
arr.Push(obj[p]);
const str = arr.join(',');
この例が、すべてのオブジェクトに取り組んでいるすべての人に役立つことを願います
var data_array = [{
"id": "0",
"store": "ABC"
},{
"id":"1",
"store":"XYZ"
}];
console.log(String(data_array[1]["id"]+data_array[1]["store"]));
既存の回答には、実際には1つの簡単なオプション（最近のブラウザおよびNode.js用）がありません。
console.log('Item: %o', o);
JSON.stringify()には一定の制限があるので（例えば円形構造の場合）私はこれを好むでしょう。
あなたがlodashを使うことができるなら、あなたはそれをこのようにすることができます：
> var o = {a:1, b:2};
> '{' + _.map(o, (value, key) => key + ':' + value).join(', ') + '}'
'{a:1, b:2}'
Lodash map()を使用すると、Objectsも繰り返し処理できます。
> _.map(o, (value, key) => key + ':' + value)
[ 'a:1', 'b:2' ]
そしてjoin()は配列のエントリをまとめます。
ES6テンプレート文字列を使用できる場合は、これも機能します。
> `{${_.map(o, (value, key) => `${key}:${value}`).join(', ')}}`
'{a:1, b:2}'
これはObjectを通して再帰的には行きません。
> var o = {a:1, b:{c:2}}
> _.map(o, (value, key) => `${key}:${value}`)
[ 'a:1', 'b:[object Object]' ]
ノードのutil.inspect() のようになります。
> util.inspect(o)
'{ a: 1, b: { c: 2 } }'
インライン式のような状況で変数を文字列に変換するための最小限の方法が必要な場合は、''+variablenameを使用してください。
'variablename'がオブジェクトで、空の文字列の連結操作を使用すると、迷惑な[object Object]が生成されます。その場合、おそらくGary Cの投稿された質問に対するJSON.stringifyの回答が必要です。 上部に回答 のリンクにある開発者ネットワーク。
JSONは関数 - replacement に役立つ2番目のパラメーターを受け入れているようです。これは変換の問題を最もエレガントな方法で解決します。
JSON.stringify(object, (key, val) => {
if (typeof val === 'function') {
return String(val);
}
return val;
});