blocks|key|1947876|text|不，这不可能。如果您希望所有内容都放在一行中，则必须保留一个字符串并进行连接，或者将输出放在其他地方(例如，另一个窗口)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1947877|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

No, it's not possible. You'll have to keep a string and concatenate if you want it all in one line, or put your output elsewhere (say, another window).

blocks|key|1734666|text|在NodeJS中，您可以使用process.stdout.write，并且可以根据需要添加'\n‘。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1734667|console.log(msg)等同于process.stdout.write(msg+%2B+'\n')。|offset|length|style|CODE|1734668|entityMap^0|0|0|G|J|W|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]|$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|I|$]]

In NodeJS you can use process.stdout.write and you can add '\n' if you want.

<code>console.log(msg)</code> is equivalent to <code>process.stdout.write(msg + '\n')</code>.

blocks|key|1948053|text|您可以在arguments中放入任意多的内容：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1948054|console.log('hi','these','words','will','be','separated','by','spaces',window,document)|1948055|您将在一行中使用内联对象引用获得所有输出，然后您可以从那里下拉它们的检查器。|1948056|entityMap^0|4|9|0|0|2F|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|R|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|K|$]]

You can put as many things in <code>arguments</code> as you'd like:

<code>console.log('hi','these','words','will','be','separated','by','spaces',window,document)</code>

You'll get all that output on one line with the object references inline and you can then drop down their inspectors from there.

blocks|key|1734701|text|关于@深南的想法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1734702|​|1734703|function+init(poolSize)+{
++++++var+pool+=+[];
++++++console._log+=+console.log;
++++++console.log+=+function+log()+{
++++++++pool.push(arguments);
++++++++while+(pool.length+>+poolSize)+pool.shift();
++++
++++++++draw();
++++++}
++++++console.toLast+=+function+toLast()+{
++++++++while+(pool.length+>+poolSize)+pool.shift();
++++++++var+last+=+pool.pop()+%7C%7C+[];
++++++++for+(var+a+=+0;+a+<+arguments.length;+a%2B%2B)+{
++++++++++++last[last.length%2B%2B]+=+arguments[a];
++++++++}
++++++++pool.push(last);
++++
++++++++draw();
++++++}
++++++function+draw()+{
++++++++console.clear();
++++++++for(var+i+=+0;+i+<+pool.length;+i%2B%2B)
++++++++++console._log.apply(console,+pool[i]);
++++++}
++++}
++++
++++function+restore()+{
++++++console.log+=+console._log;
++++++delete+console._log;
++++++delete+console.toLast;
++++}
++++
++++init(3);
++++console.log(1);
++++console.log(2);
++++console.log(3);
++++console.log(4);++++//+1+will+disappeared+here
++++console.toLast(5);+//+5+will+go+to+row+with+4
++++restore();|code-block|syntax|javascript|1734704|1734705|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

Something about @shennan idea:

<div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
<div class="snippet-code snippet-currently-hidden">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function init(poolSize) {
 var pool = [];
 console._log = console.log;
 console.log = function log() {
 pool.push(arguments);
 while (pool.length &gt; poolSize) pool.shift();
 
 draw();
 }
 console.toLast = function toLast() {
 while (pool.length &gt; poolSize) pool.shift();
 var last = pool.pop() || [];
 for (var a = 0; a &lt; arguments.length; a++) {
 last[last.length++] = arguments[a];
 }
 pool.push(last);
 
 draw();
 }
 function draw() {
 console.clear();
 for(var i = 0; i &lt; pool.length; i++)
 console._log.apply(console, pool[i]);
 }
 }
 
 function restore() {
 console.log = console._log;
 delete console._log;
 delete console.toLast;
 }
 
 init(3);
 console.log(1);
 console.log(2);
 console.log(3);
 console.log(4); // 1 will disappeared here
 console.toLast(5); // 5 will go to row with 4
 restore();</code></pre>
</div>
</div>

blocks|key|1734770|text|将输出收集到数组中，然后使用带有首选分隔符的连接函数|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1734771|function+echo(name,+num){
++++var+ar=+[];
++++for(var+i+=0;i<num;i%2B%2B){
++++++++ar.push(name);
++++}
++++console.log(ar.join(',+'));
}

echo("apple",3)|code-block|syntax|javascript|1734772|另请查看Array.prototype.join()以了解模式详细信息|offset|length|1734773|var+elements+=+['Fire',+'Wind',+'Rain'];

console.log(elements.join());
//+expected+output:+Fire,Wind,Rain

console.log(elements.join(''));
//+expected+output:+FireWindRain

console.log(elements.join('-'));
//+expected+output:+Fire-Wind-Rain|1734774|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join^0|0|0|4|M|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

collect your output in an array and then use join function with a preferred separator

<pre><code>function echo(name, num){
 var ar= [];
 for(var i =0;i&lt;num;i++){
 ar.push(name);
 }
 console.log(ar.join(', '));
}

echo("apple",3)
</code></pre>

check also <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join" rel="nofollow noreferrer">Array.prototype.join()</a> for mode details

<pre><code>var elements = ['Fire', 'Wind', 'Rain'];

console.log(elements.join());
// expected output: Fire,Wind,Rain

console.log(elements.join(''));
// expected output: FireWindRain

console.log(elements.join('-'));
// expected output: Fire-Wind-Rain
</code></pre>

blocks|key|1734826|text|使用缓冲输出的简单解决方案。可以和deno一起工作，也可以和node.js一起工作。(为将pascal控制台程序移植到javascript而构建)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1734827|const+write+=+(function(){
++++let+buffer+=+'';
++++return+function+(text='\n')+{
++++++++buffer+%2B=+text;
++++++++let+chunks+=+buffer.split('\n');
++++++++buffer+=+chunks.pop();
++++++++for+(let+chunk+of+chunks)
++++++++++++{console.log(chunk);}
++++}
})();

function+writeln(text)+{+write(text+%2B+'\n');+}|code-block|syntax|javascript|1734828|要刷新缓冲区，应在程序结束时调用write()。如果你把它和console.log调用混在一起，你可能会得到垃圾输出。|offset|length|style|CODE|1734829|entityMap^0|0|0|G|7|U|B|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

A simple solution using buffered output. Works with deno and should work with node.js. (built for porting pascal console programs to javascript)
<pre><code>const write = (function(){
 let buffer = '';
 return function (text='\n') {
 buffer += text;
 let chunks = buffer.split('\n');
 buffer = chunks.pop();
 for (let chunk of chunks)
 {console.log(chunk);}
 }
})();

function writeln(text) { write(text + '\n'); }
</code></pre>
To flush the buffer, you should call <code>write()</code> at the end of program.
If you mix this with <code>console.log</code> calls, you may get garbage output.

blocks|key|1734794|text|您可以使用展开运算符在一行中显示输出。javascript+ES6的新特性。请参见下面的示例|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1734795|+++for(let+i+=+1;+i<=10;+i%2B%2B){
++++++++let+arrData+=+[];
++++++++for(let+j+=+1;+j<=+10;+j%2B%2B){
++++++++++++arrData.push(j%2B"X"%2Bi%2B"="%2B(j*i));
++++++++}
++++++++console.log(...arrData);
++++}|code-block|syntax|javascript|1734796|这将在单行中打印1到10个表。|1734797|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can use a spread operator to display output in the single line. The new feature of javascript ES6. see below example

<pre><code> for(let i = 1; i&lt;=10; i++){
 let arrData = [];
 for(let j = 1; j&lt;= 10; j++){
 arrData.push(j+"X"+i+"="+(j*i));
 }
 console.log(...arrData);
 }
</code></pre>

That will print 1 to 10 table in single line.

blocks|key|1948293|text|例如，如果您想要不带换行符的控制台日志数组元素，可以这样做|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1948294|const+arr+=+[1,2,3,4,5];

Array.prototype.log+=+(sep='')+=>+{
++++let+res+=+'';
++++for(let+j=0;+j<this.lengthl+j%2B%2B){
++++++++res+%2B=+this[j];
++++++++res+%2B=+sep;
++++}
++++console.log(res);
}

//+console+loging

arr.log(sep='+');+//+result+is:+1+2+3+4+5+|code-block|syntax|javascript|1948295|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

if you want for example console log array elements without a newline you can do like this
<pre><code>const arr = [1,2,3,4,5];

Array.prototype.log = (sep='') =&gt; {
 let res = '';
 for(let j=0; j&lt;this.lengthl j++){
 res += this[j];
 res += sep;
 }
 console.log(res);
}

// console loging

arr.log(sep=' '); // result is: 1 2 3 4 5 
</code></pre>

blocks|key|1948297|text|对于调试或了解长链映射实际在做什么很有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1948298|let+myConsole+=+(function(){
++++let+the_log_buffer=[[]],+the_count=0,+the_single_line=false;
++++const+THE_CONSOLE=console,+LINE_DIVIDER='++~++',+ONE_LINE='ONE_LINE',+++++
++++++++++PARAMETER_SEPARATOR=+',+',+NEW_LINE+=+Symbol();
++++++++++
++++const+start+=+(line_type='NOT_ONE_LINE')+=>+{
++++++++the_log_buffer=[[]];
++++++++the_count=0;
++++++++the_single_line+=+line_type+==+ONE_LINE;+++
++++++++console+=+myConsole;++
++++}
++++const+stop+=+()+=>++{
++++++++isNewline();
++++++++console+=+THE_CONSOLE;+
++++};++++++++++++++++++++++++++
++++const+isNewline+=+a_param+=>+{
++++++++if+(the_single_line+&&+a_param==NEW_LINE)+return;
++++++++const+buffer_parts+=+the_log_buffer.map(one_set=>+one_set.join(PARAMETER_SEPARATOR))
++++++++const+buffer_line+=+buffer_parts.join(LINE_DIVIDER);++++
++++++++if+(the_single_line)+{+++++++++++++++++++++++++++
++++++++++THE_CONSOLE.clear();
++++++++}
++++++++THE_CONSOLE.log(+buffer_line+);+
++++++++the_log_buffer+=+[[]];
++++++++the_count=0;
++++}
++++const+anObject+=+an_object+=>+{++++++++++++
++++++++if+(an_object+instanceof+Error){
++++++++++++const+error_props+=+[...Object.getOwnPropertyNames(an_object)];
++++++++++++error_props.map(+error_key+=>+an_object['_'+%2B+error_key]+=+an_object[error_key]+);
++++++++}
++++++++the_log_buffer[the_count].push(JSON.stringify(an_object));
++++}
++++const+aScalar+=+a_scalar+=>+{
++++++++if+(typeof+a_scalar+===+'string'+&&+!isNaN(a_scalar))+{
++++++++++++the_log_buffer[the_count].push("'"+%2B+a_scalar+%2B+"'");
++++++++}+else+{
++++++++++++the_log_buffer[the_count].push(a_scalar);
++++++++}
++++}
++++const+notNewline+=+a_param+=>+typeof+a_param+===+'object'+?+anObject(a_param):aScalar(a_param);
++++const+checkNewline+=+a_param+=>+a_param+==+NEW_LINE+?+isNewline(a_param)+:+notNewline(a_param);
++++const+log+=+(...parameters_list)+=>+{+++
++++++++the_log_buffer[the_count]=[];
++++++++parameters_list.map(+checkNewline+);
++++++++if+(the_single_line){
++++++++++++isNewline(undefined);
++++++++}else{
++++++++++++const+last_log+=+parameters_list.pop();
++++++++++++if+(last_log+!==+NEW_LINE){
++++++++++++++++the_count%2B%2B;
++++++++++++}
++++++++}
++++}
++++return+Object.assign({},+console,+{start,+stop,+log,+ONE_LINE,+NEW_LINE});
})();

function+showConcatLog(){
++++myConsole.stop();
++++myConsole.start();
++++console.log('a');
++++console.log('bb');++
++++console.dir({i:'not',+j:'affected',+k:'but+not+in+step'})
++++console.log('ccc');
++++console.log([1,2,3,4,5,'6'],+{x:8,+y:'9'});
++++console.log("dddd",+1,+'2',+3,+myConsole.NEW_LINE);
++++console.log("z",+myConsole.NEW_LINE,+8,+'7');
++++console.log(new+Error("error+test"));
++++myConsole.stop();
}

myConsole.start(myConsole.ONE_LINE);
var+stop_callback+=+5;
function+myCallback(){
++++console.log(stop_callback,+'Date.now()',+myConsole.NEW_LINE,+Date.now());
++++stop_callback--;
++++if+(stop_callback>0){
++++++++window.setTimeout(myCallback,+1000);
++++}else{
++++++++showConcatLog();
++++}
}+++++++
window.setTimeout(myCallback,+1000);|code-block|syntax|javascript|1948299|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Useful for debugging or learning what long chained maps are actually doing.
<pre><code>let myConsole = (function(){
 let the_log_buffer=[[]], the_count=0, the_single_line=false;
 const THE_CONSOLE=console, LINE_DIVIDER=' ~ ', ONE_LINE='ONE_LINE', 
 PARAMETER_SEPARATOR= ', ', NEW_LINE = Symbol();
 
 const start = (line_type='NOT_ONE_LINE') =&gt; {
 the_log_buffer=[[]];
 the_count=0;
 the_single_line = line_type == ONE_LINE; 
 console = myConsole; 
 }
 const stop = () =&gt; {
 isNewline();
 console = THE_CONSOLE; 
 }; 
 const isNewline = a_param =&gt; {
 if (the_single_line &amp;&amp; a_param==NEW_LINE) return;
 const buffer_parts = the_log_buffer.map(one_set=&gt; one_set.join(PARAMETER_SEPARATOR))
 const buffer_line = buffer_parts.join(LINE_DIVIDER); 
 if (the_single_line) { 
 THE_CONSOLE.clear();
 }
 THE_CONSOLE.log( buffer_line ); 
 the_log_buffer = [[]];
 the_count=0;
 }
 const anObject = an_object =&gt; { 
 if (an_object instanceof Error){
 const error_props = [...Object.getOwnPropertyNames(an_object)];
 error_props.map( error_key =&gt; an_object['_' + error_key] = an_object[error_key] );
 }
 the_log_buffer[the_count].push(JSON.stringify(an_object));
 }
 const aScalar = a_scalar =&gt; {
 if (typeof a_scalar === 'string' &amp;&amp; !isNaN(a_scalar)) {
 the_log_buffer[the_count].push(&quot;'&quot; + a_scalar + &quot;'&quot;);
 } else {
 the_log_buffer[the_count].push(a_scalar);
 }
 }
 const notNewline = a_param =&gt; typeof a_param === 'object' ? anObject(a_param):aScalar(a_param);
 const checkNewline = a_param =&gt; a_param == NEW_LINE ? isNewline(a_param) : notNewline(a_param);
 const log = (...parameters_list) =&gt; { 
 the_log_buffer[the_count]=[];
 parameters_list.map( checkNewline );
 if (the_single_line){
 isNewline(undefined);
 }else{
 const last_log = parameters_list.pop();
 if (last_log !== NEW_LINE){
 the_count++;
 }
 }
 }
 return Object.assign({}, console, {start, stop, log, ONE_LINE, NEW_LINE});
})();

function showConcatLog(){
 myConsole.stop();
 myConsole.start();
 console.log('a');
 console.log('bb'); 
 console.dir({i:'not', j:'affected', k:'but not in step'})
 console.log('ccc');
 console.log([1,2,3,4,5,'6'], {x:8, y:'9'});
 console.log(&quot;dddd&quot;, 1, '2', 3, myConsole.NEW_LINE);
 console.log(&quot;z&quot;, myConsole.NEW_LINE, 8, '7');
 console.log(new Error(&quot;error test&quot;));
 myConsole.stop();
}

myConsole.start(myConsole.ONE_LINE);
var stop_callback = 5;
function myCallback(){
 console.log(stop_callback, 'Date.now()', myConsole.NEW_LINE, Date.now());
 stop_callback--;
 if (stop_callback&gt;0){
 window.setTimeout(myCallback, 1000);
 }else{
 showConcatLog();
 }
} 
window.setTimeout(myCallback, 1000);
</code></pre>

blocks|key|1948065|text|//+Source+code+for+printing+2d+array
window.onload+=+function+()+{
++++var+A+=+[[1,+2],+[3,+4]];
++++Print(A);
}

function+Print(A)+{
++++var+rows+=+A.length;
++++var+cols+=+A[0].length;
++++var+line+=+"";
++++for+(var+r+=+0;+r+<+rows;+r%2B%2B)+{
++++++++line+=+"";
++++++++for+(var+c+=+0;+c+<+cols;+c%2B%2B)+{
++++++++++++line+%2B=+A[r][c]+%2B+"+";
++++++++}
++++++++console.log(line);
++++}
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1948066|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>// Source code for printing 2d array
window.onload = function () {
 var A = [[1, 2], [3, 4]];
 Print(A);
}

function Print(A) {
 var rows = A.length;
 var cols = A[0].length;
 var line = "";
 for (var r = 0; r &lt; rows; r++) {
 line = "";
 for (var c = 0; c &lt; cols; c++) {
 line += A[r][c] + " ";
 }
 console.log(line);
 }
}
</code></pre>

I'd like to use console.log() to log messages without appending a new line after each call to console.log(). Is this possible?

Chrome JavaScript developer console: Is it possible to call console.log() without a newline?

我想使用console.log()来记录消息，而不必在每次调用console.log()之后添加新的行。这个是可能的吗？

问Chrome JavaScript开发者控制台:可以不换行调用console.log()吗？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chrome JavaScript开发者控制台:可以不换行调用console.log()吗？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chrome JavaScript开发者控制台:可以不换行调用console.log()吗？
EN