Apa tips umum yang Anda miliki untuk bermain golf di JavaScript? Saya mencari ide yang dapat diterapkan pada masalah kode golf secara umum yang setidaknya agak spesifik untuk JavaScript (mis. "Hapus komentar" bukan jawaban).

Catatan: Lihat juga Tips untuk Bermain Golf di ECMAScript 6 ke atas

Fancy Untuk Loops

Anda dapat menggunakan standar untuk loop dengan cara yang tidak standar

for ( a; b; c )

pada dasarnya setara dengan:

a;
while ( b )
{
  ...
  c;
}

jadi trik yang bagus adalah menulis kode Anda dengan satu whilelingkaran, dan kemudian membaginya menjadi a,b,cbagian - bagian dalam satu forlingkaran.

Beberapa contoh yang saya tulis :

for(x=y=n;!z;x--,y++)z=i(x)?x:i(y)?y:0
for(a=b=1;b<n;c=a+b,a=b,b=c);

Rantai setter Anda

Jika Anda menginisialisasi atau mengatur ulang beberapa nilai, rangkai nilai ke semua variabel yang membutuhkannya:

a=b=1;

Pengecoran implisit

Jangan periksa tipe Anda, gunakan saja apa adanya. karakter parseInt()biaya 10. Jika Anda perlu membuang string, jadilah kreatif:

a='30';
b='10';
c = a + b; //failure
c = parseInt(a) + parseInt(b) //too long

c = -(-a-b); //try these
c = ~~a+~~b;
c = +a+ +b;
c = a- -b;

Hindari titik koma

JavaScript memiliki penyisipan semi-kolon otomatis. Sering-seringlah menggunakannya.

Satu kalimat

Menghemat kurung dengan mendorong sebanyak mungkin ke dalam satu baris, atau parameter:

a( realParam1, realParam2, fizz='buzz' )

Operator kenaikan / penurunan

a = a - 1;
foo(a);

dan

foo(a);
a = a - 1;

dapat dengan mudah ditulis ulang sebagai

foo(--a);

dan

foo(a--);

masing-masing.

Gunakan thisatau selfalih-alih windowdalam konteks global

Cukup jelas, penghematan 2 karakter.

Gunakan notasi braket untuk akses properti berulang

Ini jelas merupakan tindakan penyeimbangan antara panjang nama properti dan jumlah akses. Alih-alih memanggil a.longFunctionName()dengan notasi titik dua kali, ini lebih pendek untuk menyimpan nama dan memanggil fungsi melalui notasi braket:

a.longFunctionName(b)
a.longFunctionName(c)
//42

-vs-

a[f='longFunctionName'](b)
a[f](c)
//34

ini sangat efektif dengan fungsi seperti document.getElementByIdyang dapat direduksi menjadi d[e].

catatan:

Dengan notasi braket, biaya adalah 6 + name.lengthkarakter yang pertama kali. Setiap akses selanjutnya memiliki biaya 3karakter.

Untuk notasi titik, semua mengakses karakter biaya name.length + 1(+1 untuk .).

Gunakan metode ini jika 6 + name.length + (3 * (accesses - 1)) < accesses * (name.length + 1).

len = panjang nama properti
i = akses minimum untuk memanfaatkan

len | i 
========
1   | ∞ 
2   | ∞ 
3   | 7 
4   | 4 
5   | 3 
6   | 3 
7   | 3 
8+  | 2 

Jumlah akses juga dapat menjangkau beberapa objek. Jika Anda mengakses .length4 kali atau lebih pada array yang berbeda, Anda dapat menggunakan variabel yang sama dengan memegang string 'length'.

Memisahkan dengan angka untuk menyimpan tanda kutip:

"alpha,bravo,charlie".split(",") // before
"alpha0bravo0charlie".split(0)   // after

Gunakan operator koma untuk menghindari kawat gigi (juga berlaku untuk C ):

if(i<10)m+=5,n-=3;

Dari pada

if(i<10){m+=5;n-=3}

yang merupakan satu karakter lebih panjang.

Pembuatan angka acak lebih pendek

Jika Anda membutuhkan boolean acak ( 0atau 1):

new Date&1 // equivalent to Math.random()<0.5

Jika Anda membutuhkan integer acak 0 <= n < 1337:

new Date%1337 // equivalent to Math.floor(Math.random()*1337))

Ini berfungsi karena a Datedisimpan secara internal dalam JavaScript sebagai jumlah milidetik sejak zaman, sehingga new Datesedang dipaksa 123somebignumber456ketika Anda mencoba untuk melakukan bilangan bulat matematika di atasnya.

Tentu saja, angka-angka "acak" ini benar-benar tidak akan acak, terutama jika Anda memanggilnya berkali-kali berturut-turut, jadi ingatlah itu.

Anda dapat menggunakan objek bentuk harafiah dari get / set untuk menghindari penggunaan kata kunci function.

var obj = {
  get f(){
    console.log("just accessing this variable runs this code");
    return "this is actually a function";
  },
  set f(v){
    console.log("you can do whatever you want in here, passed: " + v);
  }
};

1 && obj.f; // runs obj.[[get f]]
obj.f = Infinity; // runs obj.[[set f]](Infinity)

Yang ini kurang dikenal dan kurang digunakan, tetapi bisa mengesankan jika digunakan dalam situasi yang tepat. Pertimbangkan fungsi yang tidak menggunakan argumen dan selalu mengembalikan nomor yang berbeda saat dipanggil, dan nomor yang dikembalikan akan digunakan dalam perhitungan:

var a = [ 
    Math.random()*12|0,
    Math.random()*11|0,
    Math.random()*10|0,
    /* etc... */ 
];

Anda biasanya dapat mempersingkat fungsi ini menggunakan nama variabel satu huruf:

var r=Math.random,a=[r()*12|0,r()*11|0,r()*10|0,r()*9|0,r()*8|0,r()*7|0,r()*6|0,r()*5|0];

Cara yang lebih baik untuk mengurangi panjangnya adalah dengan menyalahgunakan valueOf, yang memberi Anda penghematan 2 karakter per doa. Berguna jika Anda memanggil fungsi lebih dari 5 kali:

var r={valueOf:Math.random},a=[r*12|0,r*11|0,r*10|0,r*9|0r*8|0,r*7|0,r*6|0,r*5|0];

Memanfaatkan operator hubung singkat

Daripada ifpernyataan panjang atau menggunakan operator ternary, Anda dapat menggunakan &&dan ||untuk mempersingkat kode Anda. Misalnya:

var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);

return match ? decodeURIComponent(match[1].replace(/\+/g, ' ')) : null;

bisa menjadi

var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);

return match && decodeURIComponent(match[1].replace(/\+/g, ' '));

The ||Operator sering digunakan dalam cara ini untuk pengaturan default:

evt = evt || window.event;

Ini sama dengan menulis

if (!evt)
    evt = window.event;

Membuat string berulang menggunakan Array

Jika Anda ingin menginisialisasi string panjang karakter tertentu, Anda dapat melakukannya dengan membuat array dengan panjang n +1 , di mana n adalah berapa kali Anda ingin mengulangi karakter:

// Create a string with 30 spaces
str = "                              ";

// or
str = Array(31).join(" ");

Semakin besar string, semakin besar penghematannya.

Parsing angka

Gunakan +dan ~operator alih-alih parseFloat()atau parseInt()ketika menyatukan jenis string yang hanya berupa angka ke jenis angka:

var num = "12.6";
parseFloat(num) === +num;  // + is 10 characters shorter than parseFloat()

var num2 = "12"
parseInt(num2) === +num2;   // + is 8 characters shorter than parseInt()

var num3 = "12.6"
parseInt(num3) === ~~num3;  // ~~ is 7 characters shorter than parseInt()

var num4 = "12.6"
parseInt(num4) === num4|0;  // |0 is 7 characters shorter than parseInt()

Namun berhati-hatilah, tipe lain dapat digabungkan dengan operator ini (misalnya, trueakan menjadi 1) string kosong atau string yang hanya berisi ruang putih 0. Namun, ini bisa bermanfaat dalam keadaan tertentu.

Menyelinap inisialisasi variabel ke panggilan prompt () untuk mendapatkan input pengguna

n=prompt(i=5);     // sets i=5 at the same time as getting user input

alih-alih menggunakan

n=prompt();i=5;

Sebagai efek samping, ini menampilkan nilai input di jendela prompt sambil menyimpan 1 karakter.

Gabungkan sarang untuk loop:

// before:
for(i=5;i--;)for(j=5;j--;)dosomething(i,j)

// after:
for(i=25;i--;)dosomething(0|i/5,i%5)

Contoh dengan nilai yang berbeda untuk i/ j:

// before:
for(i=4;i--;)for(j=7;j--;)dosomething(i,j)

// after:
for(i=28;i--;)dosomething(0|i/7,i%7)

Pintasan Unicode

Jika Anda menggunakan banyak properti bawaan di tantangan golf yang besar, Anda dapat menggunakan alias untuk setiap properti dengan satu karakter yang setara:

[Math,Number,S=String,Array].map(b=>
    Object.getOwnPropertyNames(b).map((p,i)=>
        b.prototype[S.fromCharCode(i+248)]=b[p]
    )
)

Setelah mengeksekusi kode di atas, Anda dapat menggunakannya seperti ini:
"foo".Č(/.*/,'bar') // replaces foo with bar

Harganya 118 byte, jadi mungkin tidak berguna dalam situasi tertentu

Mungkin tergantung pada browser dan saya tidak yakin apakah itu lebih pendek dari with(Array){join(foo),...}atau mendefinisikan variabel sebagai properti yang digunakan with(Array){j=join,m=map...}tetapi masih perlu disebutkan.

    Math        Number              String              Array

ø   toSource    prototype           prototype           prototype
ù   abs         NaN                 quote               join
ú   acos        POSITIVE_INFINITY   substring           reverse
û   asin        NEGATIVE_INFINITY   toLowerCase         sort
ü   atan        MAX_VALUE           toUpperCase         push
ý   atan2       MIN_VALUE           charAt              pop
þ   ceil        MAX_SAFE_INTEGER    charCodeAt          shift
ÿ   clz32       MIN_SAFE_INTEGER    contains            unshift
Ā   cos         EPSILON             indexOf             splice
ā   exp         isFinite            lastIndexOf         concat
Ă   floor       isInteger           startsWith          slice
ă   imul        isNaN               endsWith            filter
Ą   fround      toInteger           trim                isArray
ą   log         parseFloat          trimLeft            lastIndexOf
Ć   max         parseInt            trimRight           indexOf
ć   min         length              toLocaleLowerCase   forEach
Ĉ   pow         name                toLocaleUpperCase   map
ĉ   random      arguments           normalize           every
Ċ   round       caller              match               some
ċ   sin                             search              reduce
Č   sqrt                            replace             reduceRight
č   tan                             split   
Ď   log10                           substr  
ď   log2                            concat  
Đ   log1p                           slice   
đ   expm1                           fromCharCode    
Ē   cosh                            fromCodePoint   
ē   sinh                            localeCompare   
Ĕ   tanh                            length  
ĕ   acosh                           name    
Ė   asinh                           arguments   
ė   atanh                           caller  
Ę   hypot           
ę   trunc           
Ě   sign            
ě   cbrt            
Ĝ   E           
ĝ   LOG2E           
Ğ   LOG10E          
ğ   LN2         
Ġ   LN10            
ġ   PI          
Ģ   SQRT2           
ģ   SQRT1_2         

Mengonversi satu whilelingkaran menjadi satu forlingkaran sering kali setara:

while(i--);
for(;i--;);

Tetapi bentuk kedua dapat menggabungkan inisialisasi variabel:

i=10;while(i--);
for(i=10;i--;);

Perhatikan bentuk kedua adalah satu karakter lebih pendek dari bentuk pertama.

Penyalahgunaan pengecualian

dalam kasus string / karakter literal dilarang, Anda dapat menggunakan blok coba tangkap:

try{something0}catch(e){str=e.message.split(0)[0]}

sekarang strsama dengan"something"

jika diperlukan lebih banyak string, Anda dapat mengaitkannya dengan angka (mis. nol)

try{something0foo0bar0}catch(e){arr=e.message.split(0)}

sekarang arrsama dengan["something", "foo", "bar", " is not defined"]

Jika Anda menginisialisasi variabel ke 1dalam setiap iterasi loop (misalnya, mengatur ulang variabel dalam loop luar untuk loop dalam), seperti berikut (dari jawaban saya untuk pertanyaan ini ):

for(j=n-2;p=1,j++<=n;r|=p)for(i=1;++i<j;)p=j%i?p:0;
          ^^^^

Karena hasil dari kondisi seperti j++<=nadalah 1kapanpun itu benar, Anda bisa menetapkan kondisi langsung ke variabel (karena ketika itu menjadi salah, loop akan berhenti dieksekusi dan tidak lagi penting):

for(j=n-2;p=j++<=n;r|=p)for(i=1;++i<j;)p=j%i?p:0;
          ^^^^^^^^

Anda biasanya dapat menyimpan 2 karakter menggunakan metode ini. Salam @ugorenatas ide dalam komentar untuk jawaban itu.

Sebagai contoh lain, saya juga menerapkan trik ini untuk jawaban saya di sini dengan ekspresi w=r=++c<S.lengthdi luar saya untuk loop, menyimpan total 4 karakter.

Jika Anda dapat menerima skrip khusus Spidermonkey (untuk saat ini), Anda dapat menggunakan fungsi panah ECMAScript 6 . Memulai penulisan kode seperti berikut ini.

a.map(function(x){return x*2}) // function? return?

Anda dapat mempersingkat seperti ini.

a.map(x=>x*2)

Jika Anda perlu memeriksa NaN, jangan gunakan isNaN(x), tetapi gunakan x!=x, yang lebih pendek dan juga berfungsi.

if(isNaN(x)){
if(x!=x){

Perhatikan bahwa ini hanya berfungsi jika typeof(x) === "number"; jika string misalnya, isNaN("string")kembali true, tetapi "string" != "string"kembali false. Terima kasih kepada Cyoce karena menunjukkan ini!

Jumlah array / produk / hasil bagi

ES5 : 17 byte

eval(a.join('+'))

ES6 : 15 byte

eval(a.join`+`)

Tentu saja Anda dapat menukar dengan +apa pun yang Anda inginkan, misalnya, *untuk produk atau /bagi hasil.

Gunakan operasi bitwise untuk membulatkan angka ke nol:

// do this
T=Math.random()*6+1|0

// or do this
T=~~(Math.random()*6+1)

(Sumber: Tip dadu acak )

Diutamakan operator menentukan mana yang akan lebih pendek dalam program Anda.

Tip Looping I

Anda dapat menyimpan 1karakter saat mengulang dengan mengubah ipada saat terakhir kali digunakan:

//not so god
for(i=0;i<3;i++){
  alert(i);
}

//best
for(i=0;i<3;){
  alert(i++);
}

Catatan: bekerja dengan --terlalu (tapi modifikasi loop sesuai untuk menghindari perulangan tak terbatas)

Tip Looping II

Ada beberapa skenario di mana Anda dapat menyimpan satu karakter dengan bermain dengan operator dan nilai yang meningkat:

for(i=0;i++<9;)
for(i=0;++i<10;)

Catatan: Anda harus memperhatikan kapan misalnya 0 to -1. dan 9 to 10, 99 to 100, jadi main-main sampai Anda menemukan cara untuk menyelamatkan karakter

Gunakan ^sebagai ganti!= atau ==ketika membandingkan ke integer

//x!=3?a:b
  x^3?a:b

//x==3?a:b
  x^3?b:a

Ganti panggilan ke fungsi Matematika bawaan dengan ekspresi lebih pendek

//Math.ceil(n)
  n%1?-~n:n

//Math.floor(n)
  ~~n
  0|n

//Math.abs(n)
  n<0?-n:n

//Math.round(n)
  n+.5|0

//Math.min(x,y)
  x<y?x:y

//Math.max(x,y)
  y<x?x:y

Yang perlu diperhatikan adalah bahwa Anda dapat menggunakan string sebagai ganti nol dalam beberapa kasus untuk menyimpan beberapa byte di sana-sini dalam loop:

s='';for(i=0;i++<9;)s+=i
for(i=s='';i++<9;)s+=i
// s="123456789", i=10

Sangat sederhana, meski begitu, tidak ada yang menyebutkannya.

Jika Anda menggunakan Math.min()atau Math.max()Anda dapat menyimpan 6 karakter dengan melakukan ini:

Math.min(a,b)  // 13 chars
a<b?a:b        //  7 chars

Math.max(a,b)
a>b?a:b

Pembulatan

Saya tahu bahwa alternatif Math.floor()telah diposting, tetapi bagaimana dengan yang lain?

Lantai:

Math.floor(x) //before
0|x           //after

Pembulatan:

Math.round(x) //before
0|x+.5        //after

Plafon:

Math.ceil(x) //before
x%1?-~x:x    //after - credits to @Tomas Langkaas

Dalam kasus di mana Anda menggunakan operator ternary untuk memilih antara dua angka , dan syaratnya adalah boolean atau angka 1 or 0 , Anda bisa melakukan operasi matematika sebagai gantinya:

(x ? num1 : num2) conclusions:

    1)if num1 equals num2, there ARE savings
    2)if num1 is (+1) or (-1) than num2, there ARE savings
    3)if either num1 or num2 equals to 0, there ARE savings
    4)it is MORE LIKELY to find greater savings on num1>num2 instead of num1<num2
    5)in method (*A) and (*B), savings are NOT GUARANTEED

    a)num1>num2
        i)(num1==(num2+1))
            ex1: (x?5:4) to (x+4)
            ex2: (x?8:7) to (x+7)
        ii)num2==0
            ex1: (x?3:0) to (x*3)
            ex2: (x?7:0) to (x*7)
        iii)
            (*A) or (*B) //one might be shorter

    b)num1<num2
        i)((num1+1)==num2)
            ex1: (x?4:5) to (5-x)
            ex2: (x?7:8) to (8-x)
        ii)num1==0
            ex1: (x?0:3) to (!x*3)
            ex2: (x?0:7) to (!x*7)
        iii)
            (*A) or (*B) //one might be shorter

    c)num1==num2
        i)
            ex1: (x?5:5) to (5)
            ex2: (x?-3:-3) to (-3)

    (*A) use ((x*(num1-num2))+num2)
        ex1: (x?8:4)   to ((x*4)+4)
        ex2: (x?4:8)   to ((x*-4)+8)

        ex3: (x?6:-4)  to ((x*10)-4)
        ex4: (x?-4:6)  to ((x*-10)+6)

        ex5: (x?4:-6)  to ((x*10)-6)
        ex6: (x?-6:4)  to ((x*-10)+4)

        ex7: (x?-5:-9) to ((x*4)-9)
        ex8: (x?-9:-5) to ((x*-4)-5)

    (*B) use ((!x*(num2-num1))+num1)
        ex1: (x?8:4)   to ((!x*-4)+8)
        ex2: (x?4:8)   to ((!x*4)+4)

        ex3: (x?6:-4)  to ((!x*-10)+6)
        ex4: (x?-4:6)  to ((!x*10)-4))

        ex5: (x?4:-6)  to ((!x*-10)+4)
        ex6: (x?-6:4)  to ((!x*10)-6)

        ex7: (x?-5:-9) to ((!x*-4)-5)
        ex8: (x?-9:-5) to ((!x*4)-9)

Catatan: Selain ini, Anda akan perlu untuk menghapus yang tidak perlu 0-, +0, +-dll

Note2: ada kasus yang terisolasi di mana (x) !== (x?1:0), sebagaimana xmestinya typeof === "number"untuk itu untuk bekerja. Namun, dalam kasus (-x)ini berfungsi dengan baik.

Note3: Jika Anda tidak menemukan tabungan, cukup gunakan yang pertama(x?y:z)

Sebelumnya saya pikir metode B tidak pernah bisa mengalahkan A, namun ada pengecualian:

(x?97:100) //original

(-3*x+100)
(3*!x+97)

Saya membuat proyek github yang membuat penyederhanaan bagi kami ( jsFiddle demo )

tl; dr: Gunakan fitur ES6!

Fungsi panah

Doc: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/arrow_functions
Contoh:

s = x => x*x
// s = function (x) {
//   return x * x;
// }

Pelecehan literal

Sampel terbaru: Periksa apakah "c"huruf besar atau kecil, tidak masalah jika bukan huruf

"c"<{} // returns false, lower case
"C"<{} // returns true, upper case

Cara membandingkan angka dengan bantuan bagaimana angka berubah menjadi boolean:

Jika Anda akan memeriksa apakah ada sesuatu yang sama dengan angka positif , Anda dapat mengurangi jumlah itu dan membalikkan apa yang ada di dalam ifdan elsememblokir:

//simplified examples:
x==3?"y":"n"; <- 13 Chars
x-3?"n":"y"; <- 12 Chars

//expanded examples:
if(x==3){
    yes();
}else{
    no();
}

if(x-3){
    no();
}else{
    yes();
}

Dan jika Anda ingin membandingkan dengan angka negatif (* berbeda dari -1), Anda hanya perlu menambahkan nomor ini daripada mengurangi.

* baik, Anda pasti bisa menggunakan x.indexOf(y) + 1, tetapi dalam kasus khusus -1Anda memiliki kesempatan untuk menggunakannya ~x.indexOf(y).

Gunakan fitur "penutupan penutupan" Mozilla yang tidak standar untuk menyimpan banyak karakter dalam skrip yang hanya perlu bekerja di mesin SpiderMonkey / Firefox atau Rhino. Sebagai contoh,

function foo(){return bar}

menjadi

function foo()bar

Lihat halaman Stack Overflow untuk mengetahui trik lainnya.

Gunakan if(~a.indexOf(b))sebagai gantiif(a.indexOf(b)!=-1)

Alih-alih menulis trueAnda bisa menggunakan !0.

Mengubah ke Boolean :

if(b){b=true}else{b=false}
b=b?true:false;
b=b?!0:!1;
b=!!b;

Catatan: ini berubah 0, "", false, null, undefineddan NaNuntuk false(segala sesuatu yang lain untuk true)