Urara-Blog/build/_app/immutable/pages/2022-03-09-caesar-cipher.md-d7702eb0.js

import{S as kl,i as Il,s as zl,C as Ks,w as jl,x as Zl,y as Hl,z as Tl,A as bl,f as Jl,t as $l,B as Pl,X as Sl,l as o,r as t,a as i,V as gl,m as n,n as p,u as r,h as l,c as E,W as wl,p as D,b as F,G as a,E as Ul}from"../chunks/index-cd58b8d1.js";import{P as Ol}from"../chunks/post_layout-9085e57e.js";import"../chunks/posts-c52cb603.js";import"../chunks/title-765c989f.js";import"../chunks/index-81c83cec.js";import"../chunks/post_card-e7f4525a.js";import"../chunks/posts-57ab4794.js";import"../chunks/icon-3aa13b39.js";import"../chunks/head-4a058b17.js";import"../chunks/footer-1abd9501.js";function ql(z){let c,v,A,h,y,f,C,Cs,os,j,us,ns,Z,As,ps,H,hs,es,T,M,_s,Fs,_,N,ms,bs,G,Ss,ts,w,J,gs,rs,d,$,R,ws,xs,Bs,x,Ls,V,ks,Is,zs,B,js,W,Zs,Hs,Ts,X,Js,$s,P,Ps,m,Us,cs,L,U,Os,ys,K,Bl=`<pre class="shiki material-default" style="background-color: #263238; color: #EEFFFF" html="true"><div class="language-id">html</div><div class='code-container'><code><div class='line'><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">label</span><span style="color: #89DDFF">&gt;</span><span style="color: #EEFFFF">\u504F\u79FB:</span><span style="color: #89DDFF">&lt;/</span><span style="color: #F07178">label</span><span style="color: #89DDFF">&gt;</span></div><div class='line'><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">input</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">type</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">text</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">name</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">offset</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">size</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">5</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">value</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">3</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> /&gt;</span></div><div class='line'><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">br</span><span style="color: #89DDFF"> /&gt;</span></div><div class='line'><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">label</span><span style="color: #89DDFF">&gt;</span></div><div class='line'><span style="color: #EEFFFF">  \u660E\u6587:</span></div><div class='line'><span style="color: #EEFFFF">  </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">label</span><span style="color: #89DDFF">&gt;&lt;/</span><span style="color: #F07178">label</span><span style="color: #89DDFF">&gt;</span></div><div class='line'><span style="color: #EEFFFF">  </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">input</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">type</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">text</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">name</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">plain</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">size</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">50</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">value</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">This is a test.</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> /&gt;</span></div><div class='line'><span style="color: #EEFFFF">  </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">br</span><span style="color: #89DDFF"> /&gt;</span></div><div class='line'><span style="color: #EEFFFF">  </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">label</span><span style="color: #89DDFF">&gt;</span><span style="color: #EEFFFF">\u5BC6\u6587:</span><span style="color: #89DDFF">&lt;/</span><span style="color: #F07178">label</span><span style="color: #89DDFF">&gt;</span></div><div class='line'><span style="color: #EEFFFF">  </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">input</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">type</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">text</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">name</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">enc</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">size</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">50</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> /&gt;</span></div><div class='line'><span style="color: #EEFFFF">  </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">br</span><span style="color: #89DDFF"> /&gt;</span></div><div class='line'><span style="color: #EEFFFF">  </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">input</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">type</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">button</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">value</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">\u52A0\u5BC6</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">onClick</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">encrypt()</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> /&gt;</span></div><div class='line'><span style="color: #EEFFFF">  &nbsp;</span></div><div class='line'><span style="color: #EEFFFF">  </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178">input</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">type</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">button</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">value</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">\u89E3\u5BC6</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> </span><span style="color: #C792EA">onClick</span><span style="color: #89DDFF">=</span><span style="color: #89DDFF">"</span><span style="color: #C3E88D">decrypt()</span><span style="color: #89DDFF">"</span><span style="color: #89DDFF"> /&gt;</span></div><div class='line'><span style="color: #89DDFF">&lt;/</span><span style="color: #F07178">label</span><span style="color: #89DDFF">&gt;</span></div></code></div></pre>`,Q,k,O,qs,Ds,Y,Ll=`<pre class="shiki material-default" style="background-color: #263238; color: #EEFFFF" js="true"><div class="language-id">js</div><div class='code-container'><code><div class='line'><span style="color: #C792EA">let</span><span style="color: #EEFFFF"> offsetInput </span><span style="color: #89DDFF">=</span><span style="color: #EEFFFF"> document</span><span style="color: #89DDFF">.</span><span style="color: #82AAFF">querySelector</span><span style="color: #EEFFFF">(</span><span style="color: #89DDFF">'</span><span style="color: #C3E88D">input[name=offset]</span><span style="color: #89DDFF">'</span><span style="color: #EEFFFF">)</span></div><div class='line'><span style="color: #C792EA">let</span><span style="color: #EEFFFF"> plain </span><span style="color: #89DDFF">=</span><span style="color: #EEFFFF"> document</span><span style="color: #89DDFF">.</span><span style="color: #82AAFF">querySelector</span><span style="color: #EEFFFF">(</span><span style="color: #89DDFF">'</span><span style="color: #C3E88D">input[name=plain</span><span style="color: #89DDFF">'</span><span style="color: #EEFFFF">)</span></div><div class='line'><span style="color: #C792EA">let</span><span style="color: #EEFFFF"> enc </span><span style="color: #89DDFF">=</span><span style="color: #EEFFFF"> document</span><span style="color: #89DDFF">.</span><span style="color: #82AAFF">querySelector</span><span style="color: #EEFFFF">(</span><span style="color: #89DDFF">'</span><span style="color: #C3E88D">input[name=enc]</span><span style="color: #89DDFF">'</span><span style="color: #EEFFFF">)</span></div><div class='line'></div><div class='line'><span style="color: #546E7A">// \u52A0\u5BC6</span></div><div class='line'><span style="color: #C792EA">function</span><span style="color: #EEFFFF"> </span><span style="color: #82AAFF">encrypt</span><span style="color: #89DDFF">()</span><span style="color: #EEFFFF"> </span><span style="color: #89DDFF">&#123;</span></div><div class='line'><span style="color: #F07178">  </span><span style="color: #C792EA">let</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178"> </span><span style="color: #89DDFF">=</span><span style="color: #F07178"> </span><span style="color: #FFCB6B">Number</span><span style="color: #F07178">(</span><span style="color: #EEFFFF">offsetInput</span><span style="color: #89DDFF">.</span><span style="color: #EEFFFF">value</span><span style="color: #F07178">)</span></div><div class='line'><span style="color: #F07178">  </span><span style="color: #C792EA">function</span><span style="color: #F07178"> </span><span style="color: #82AAFF">conver</span><span style="color: #89DDFF">(</span><span style="color: #EEFFFF">s</span><span style="color: #89DDFF">)</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&#123;</span></div><div class='line'><span style="color: #F07178">    </span><span style="color: #C792EA">let</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">=</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">s</span><span style="color: #89DDFF">.</span><span style="color: #82AAFF">charCodeAt</span><span style="color: #F07178">(</span><span style="color: #F78C6C">0</span><span style="color: #F07178">)</span></div><div class='line'><span style="color: #89DDFF">    </span><span style="color: #546E7A">// \u66FF\u6362\u5927\u5199\u5B57\u6BCD A-Z:65-90</span></div><div class='line'><span style="color: #F07178">    </span><span style="color: #89DDFF">if</span><span style="color: #F07178"> (</span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&lt;=</span><span style="color: #F07178"> </span><span style="color: #F78C6C">90</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&&</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&gt;=</span><span style="color: #F07178"> </span><span style="color: #F78C6C">65</span><span style="color: #F07178">) </span><span style="color: #89DDFF">&#123;</span></div><div class='line'><span style="color: #F07178">      </span><span style="color: #89DDFF">return</span><span style="color: #F07178"> </span><span style="color: #FFCB6B">String</span><span style="color: #89DDFF">.</span><span style="color: #82AAFF">fromCharCode</span><span style="color: #F07178">(</span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">+</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178"> </span><span style="color: #F78C6C">90</span><span style="color: #F07178"> </span><span style="color: #89DDFF">?</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">+</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178"> </span><span style="color: #89DDFF">:</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">-</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178">)</span></div><div class='line'><span style="color: #F07178">    </span><span style="color: #89DDFF">&#125;</span><span style="color: #F07178"> </span><span style="color: #89DDFF">else</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&#123;</span></div><div class='line'><span style="color: #89DDFF">      </span><span style="color: #546E7A">//\u66FF\u6362\u5C0F\u5199\u5B57\u6BCD a-z:97-122</span></div><div class='line'><span style="color: #F07178">      </span><span style="color: #89DDFF">return</span><span style="color: #F07178"> </span><span style="color: #FFCB6B">String</span><span style="color: #89DDFF">.</span><span style="color: #82AAFF">fromCharCode</span><span style="color: #F07178">(</span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">+</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178"> </span><span style="color: #F78C6C">122</span><span style="color: #F07178"> </span><span style="color: #89DDFF">?</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">+</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178"> </span><span style="color: #89DDFF">:</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">-</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178">)</span></div><div class='line'><span style="color: #F07178">    </span><span style="color: #89DDFF">&#125;</span></div><div class='line'><span style="color: #F07178">  </span><span style="color: #89DDFF">&#125;</span></div><div class='line'><span style="color: #F07178">  </span><span style="color: #EEFFFF">enc</span><span style="color: #89DDFF">.</span><span style="color: #EEFFFF">value</span><span style="color: #F07178"> </span><span style="color: #89DDFF">=</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">plain</span><span style="color: #89DDFF">.</span><span style="color: #EEFFFF">value</span><span style="color: #89DDFF">.</span><span style="color: #82AAFF">replace</span><span style="color: #F07178">(</span><span style="color: #89DDFF">/[</span><span style="color: #C3E88D">A-Za-z</span><span style="color: #89DDFF">]/</span><span style="color: #F78C6C">g</span><span style="color: #89DDFF">,</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">conver</span><span style="color: #F07178">)</span></div><div class='line'></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">// \u66FF\u6362\u5927\u5199\u5B57\u6BCD A-Z:65-90</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">// function transUpper(s) &#123;</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">//   let charCode = s.charCodeAt();</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">//   return String.fromCharCode(</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">//     charCode + offset &lt;= 90 ? charCode + offset : charCode - offset</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">//   );</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">// &#125;</span></div><div class='line'></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">// //\u66FF\u6362\u5C0F\u5199\u5B57\u6BCD a-z:97-122</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">// function transLower(s) &#123;</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">//   let charCode = s.charCodeAt();</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">//   return String.fromCharCode(</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">//     charCode + offset &lt;= 122 ? charCode + offset : charCode - offset</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">//   );</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">// &#125;</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">// let encUpper = plain.replace(/[A-Z]/g, transUpper);</span></div><div class='line'><span style="color: #89DDFF">  </span><span style="color: #546E7A">// enc.value = encUpper.replace(/[a-z]/g, transLower);</span></div><div class='line'><span style="color: #89DDFF">&#125;</span></div><div class='line'></div><div class='line'><span style="color: #546E7A">// \u89E3\u5BC6</span></div><div class='line'><span style="color: #C792EA">function</span><span style="color: #EEFFFF"> </span><span style="color: #82AAFF">decrypt</span><span style="color: #89DDFF">()</span><span style="color: #EEFFFF"> </span><span style="color: #89DDFF">&#123;</span></div><div class='line'><span style="color: #F07178">  </span><span style="color: #C792EA">let</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178"> </span><span style="color: #89DDFF">=</span><span style="color: #F07178"> </span><span style="color: #FFCB6B">Number</span><span style="color: #F07178">(</span><span style="color: #EEFFFF">offsetInput</span><span style="color: #89DDFF">.</span><span style="color: #EEFFFF">value</span><span style="color: #F07178">)</span></div><div class='line'><span style="color: #F07178">  </span><span style="color: #C792EA">function</span><span style="color: #F07178"> </span><span style="color: #82AAFF">conver</span><span style="color: #89DDFF">(</span><span style="color: #EEFFFF">s</span><span style="color: #89DDFF">)</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&#123;</span></div><div class='line'><span style="color: #F07178">    </span><span style="color: #C792EA">let</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">=</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">s</span><span style="color: #89DDFF">.</span><span style="color: #82AAFF">charCodeAt</span><span style="color: #F07178">(</span><span style="color: #F78C6C">0</span><span style="color: #F07178">)</span></div><div class='line'><span style="color: #89DDFF">    </span><span style="color: #546E7A">// \u66FF\u6362\u5927\u5199\u5B57\u6BCD A-Z:65-90</span></div><div class='line'><span style="color: #F07178">    </span><span style="color: #89DDFF">if</span><span style="color: #F07178"> (</span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&lt;=</span><span style="color: #F07178"> </span><span style="color: #F78C6C">90</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&&</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&gt;=</span><span style="color: #F07178"> </span><span style="color: #F78C6C">65</span><span style="color: #F07178">) </span><span style="color: #89DDFF">&#123;</span></div><div class='line'><span style="color: #F07178">      </span><span style="color: #89DDFF">return</span><span style="color: #F07178"> </span><span style="color: #FFCB6B">String</span><span style="color: #89DDFF">.</span><span style="color: #82AAFF">fromCharCode</span><span style="color: #F07178">(</span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">-</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178"> </span><span style="color: #F78C6C">65</span><span style="color: #F07178"> </span><span style="color: #89DDFF">?</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">+</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178"> </span><span style="color: #89DDFF">:</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">-</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178">)</span></div><div class='line'><span style="color: #F07178">    </span><span style="color: #89DDFF">&#125;</span><span style="color: #F07178"> </span><span style="color: #89DDFF">else</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&#123;</span></div><div class='line'><span style="color: #89DDFF">      </span><span style="color: #546E7A">//\u66FF\u6362\u5C0F\u5199\u5B57\u6BCD a-z:97-122</span></div><div class='line'><span style="color: #F07178">      </span><span style="color: #89DDFF">return</span><span style="color: #F07178"> </span><span style="color: #FFCB6B">String</span><span style="color: #89DDFF">.</span><span style="color: #82AAFF">fromCharCode</span><span style="color: #F07178">(</span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">-</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178"> </span><span style="color: #89DDFF">&lt;</span><span style="color: #F07178"> </span><span style="color: #F78C6C">97</span><span style="color: #F07178"> </span><span style="color: #89DDFF">?</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">+</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178"> </span><span style="color: #89DDFF">:</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">charCode</span><span style="color: #F07178"> </span><span style="color: #89DDFF">-</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">offset</span><span style="color: #F07178">)</span></div><div class='line'><span style="color: #F07178">    </span><span style="color: #89DDFF">&#125;</span></div><div class='line'><span style="color: #F07178">  </span><span style="color: #89DDFF">&#125;</span></div><div class='line'><span style="color: #F07178">  </span><span style="color: #EEFFFF">plain</span><span style="color: #89DDFF">.</span><span style="color: #EEFFFF">value</span><span style="color: #F07178"> </span><span style="color: #89DDFF">=</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">enc</span><span style="color: #89DDFF">.</span><span style="color: #EEFFFF">value</span><span style="color: #89DDFF">.</span><span style="color: #82AAFF">replace</span><span style="color: #F07178">(</span><span style="color: #89DDFF">/[</span><span style="color: #C3E88D">A-Za-z</span><span style="color: #89DDFF">]/</span><span style="color: #F78C6C">g</span><span style="color: #89DDFF">,</span><span style="color: #F07178"> </span><span style="color: #EEFFFF">conver</span><span style="color: #F07178">)</span></div><div class='line'><span style="color: #89DDFF">&#125;</span></div></code></div></pre>`,ss,I,q,Ms,is,b,ls,S,Ns,Gs,as,g,Rs;return{c(){c=o("h2"),v=o("a"),A=t("\u9898\u76EE"),h=i(),y=o("p"),f=t("\u6765\u6E90\uFF1A"),C=o("a"),Cs=t("\u64CD\u4F5C\u5B57\u7B26\u4E32\u5BF9\u8C61 | \u767E\u5EA6\u524D\u7AEF\u6280\u672F\u5B66\u56ED"),os=i(),j=o("p"),us=t("\u7F16\u7801\u5B9E\u73B0\u51EF\u6492\u52A0\u5BC6\u7B97\u6CD5\uFF0C\u6839\u636E\u8F93\u5165\u7684\u504F\u79FB\u91CF\uFF0C\u5B9E\u73B0\u5BF9\u5B57\u7B26\u4E32\u7684\u52A0\u5BC6\u548C\u89E3\u5BC6."),ns=i(),Z=o("p"),As=t("\u607A\u6492\u52A0\u5BC6\uFF08Caesar cipher\uFF09\uFF0C\u662F\u4E00\u79CD\u6700\u7B80\u5355\u4E14\u6700\u5E7F\u4E3A\u4EBA\u77E5\u7684\u66FF\u6362\u52A0\u5BC6\u6280\u672F\u3002\u660E\u6587\u4E2D\u7684\u6240\u6709\u5B57\u6BCD\u90FD\u5728\u5B57\u6BCD\u8868\u4E0A\u5411\u540E\uFF08\u6216\u5411\u524D\uFF09\u6309\u7167\u4E00\u4E2A\u56FA\u5B9A\u6570\u76EE\u8FDB\u884C\u504F\u79FB\u540E\u88AB\u66FF\u6362\u6210\u5BC6\u6587\u3002"),ps=i(),H=o("p"),hs=t("\u4F8B\u5982\uFF0C\u5F53\u504F\u79FB\u91CF\u662F 3 \u7684\u65F6\u5019\uFF0C\u6240\u6709\u7684\u5B57\u6BCD A \u5C06\u88AB\u66FF\u6362\u6210 D\uFF0CB \u53D8\u6210 E\uFF0C\u4EE5\u6B64\u7C7B\u63A8\u3002"),es=i(),T=o("p"),M=o("strong"),_s=t("\u9700\u6C42\u8BF4\u660E"),Fs=i(),_=o("ul"),N=o("li"),ms=t("\u70B9\u51FB\u52A0\u5BC6\u6309\u94AE\uFF0C\u6839\u636E\u7528\u6237\u8F93\u5165\u7684\u504F\u79FB\u91CF\uFF0C\u5BF9\u660E\u6587\u8FDB\u884C\u52A0\u5BC6\uFF0C\u52A0\u5BC6\u540E\u7684\u4E3A\u5BC6\u6587\uFF0C\u663E\u793A\u5728\u5BC6\u6587\u8F93\u5165\u6846\u4E2D"),bs=i(),G=o("li"),Ss=t("\u70B9\u51FB\u89E3\u5BC6\u6309\u94AE\uFF0C\u6839\u636E\u7528\u6237\u8F93\u5165\u7684\u504F\u79FB\u91CF\uFF0C\u5BF9\u5BC6\u6587\u8FDB\u884C\u52A0\u5BC6\uFF0C\u89E3\u5BC6\u51FA\u6765\u7684\u4E3A\u660E\u6587\uFF0C\u663E\u793A\u5728\u660E\u6587\u8F93\u5165\u6846\u4E2D"),ts=i(),w=o("h2"),J=o("a"),gs=t("\u89E3\u6CD5"),rs=i(),d=o("ul"),$=o("li"),R=o("code"),ws=t("string.replace"),xs=t(" \u66FF\u6362\u6570\u5B57"),Bs=i(),x=o("li"),Ls=t("\u7528"),V=o("code"),ks=t(".charCodeAt()"),Is=t(" \u83B7\u53D6\u5B57\u6BCD\u7F16\u7801"),zs=i(),B=o("li"),js=t("\u6B63\u5219\u8868\u8FBE\u5F0F"),W=o("code"),Zs=t("/[A-Za-z]/g"),Hs=t("\u9009\u62E9\u5B57\u6BCD"),Ts=i(),X=o("li"),Js=t("\u504F\u79FB\u91CF\u8D85\u8FC7\u8303\u56F4\u7684\uFF0C\u5F80\u53CD\u65B9\u5411\u504F\u79FB"),$s=i(),P=o("li"),Ps=t("\u7ED3\u679C\u9A8C\u8BC1\uFF1A"),m=o("a"),Us=t("\u51EF\u6492\u5BC6\u7801\u52A0\u5BC6/\u89E3\u5BC6 - \u4E00\u4E2A\u5DE5\u5177\u7BB1"),cs=i(),L=o("h3"),U=o("a"),Os=t("HTML"),ys=i(),K=new gl(!1),Q=i(),k=o("h3"),O=o("a"),qs=t("JS"),Ds=i(),Y=new gl(!1),ss=i(),I=o("h2"),q=o("a"),Ms=t("\u53C2\u8003"),is=i(),b=o("ul"),ls=o("li"),S=o("a"),Ns=t("\u51EF\u6492\u5BC6\u7801 javascript"),Gs=i(),as=o("li"),g=o("a"),Rs=t("Caesar Cipher in Javascript - Stack Overflow"),this.h()},l(s){c=n(s,"H2",{id:!0});var e=p(c);v=n(e,"A",{href:!0});var Qs=p(v);A=r(Qs,"\u9898\u76EE"),Qs.forEach(l),e.forEach(l),h=E(s),y=n(s,"P",{});var Vs=p(y);f=r(Vs,"\u6765\u6E90\uFF1A"),C=n(Vs,"A",{href:!0,rel:!0,target:!0});var Ys=p(C);Cs=r(Ys,"\u64CD\u4F5C\u5B57\u7B26\u4E32\u5BF9\u8C61 | \u767E\u5EA6\u524D\u7AEF\u6280\u672F\u5B66\u56ED"),Ys.forEach(l),Vs.forEach(l),os=E(s),j=n(s,"P",{});var sl=p(j);us=r(sl,"\u7F16\u7801\u5B9E\u73B0\u51EF\u6492\u52A0\u5BC6\u7B97\u6CD5\uFF0C\u6839\u636E\u8F93\u5165\u7684\u504F\u79FB\u91CF\uFF0C\u5B9E\u73B0\u5BF9\u5B57\u7B26\u4E32\u7684\u52A0\u5BC6\u548C\u89E3\u5BC6."),sl.forEach(l),ns=E(s),Z=n(s,"P",{});var ll=p(Z);As=r(ll,"\u607A\u6492\u52A0\u5BC6\uFF08Caesar cipher\uFF09\uFF0C\u662F\u4E00\u79CD\u6700\u7B80\u5355\u4E14\u6700\u5E7F\u4E3A\u4EBA\u77E5\u7684\u66FF\u6362\u52A0\u5BC6\u6280\u672F\u3002\u660E\u6587\u4E2D\u7684\u6240\u6709\u5B57\u6BCD\u90FD\u5728\u5B57\u6BCD\u8868\u4E0A\u5411\u540E\uFF08\u6216\u5411\u524D\uFF09\u6309\u7167\u4E00\u4E2A\u56FA\u5B9A\u6570\u76EE\u8FDB\u884C\u504F\u79FB\u540E\u88AB\u66FF\u6362\u6210\u5BC6\u6587\u3002"),ll.forEach(l),ps=E(s),H=n(s,"P",{});var al=p(H);hs=r(al,"\u4F8B\u5982\uFF0C\u5F53\u504F\u79FB\u91CF\u662F 3 \u7684\u65F6\u5019\uFF0C\u6240\u6709\u7684\u5B57\u6BCD A \u5C06\u88AB\u66FF\u6362\u6210 D\uFF0CB \u53D8\u6210 E\uFF0C\u4EE5\u6B64\u7C7B\u63A8\u3002"),al.forEach(l),es=E(s),T=n(s,"P",{});var ol=p(T);M=n(ol,"STRONG",{});var nl=p(M);_s=r(nl,"\u9700\u6C42\u8BF4\u660E"),nl.forEach(l),ol.forEach(l),Fs=E(s),_=n(s,"UL",{});var Es=p(_);N=n(Es,"LI",{});var pl=p(N);ms=r(pl,"\u70B9\u51FB\u52A0\u5BC6\u6309\u94AE\uFF0C\u6839\u636E\u7528\u6237\u8F93\u5165\u7684\u504F\u79FB\u91CF\uFF0C\u5BF9\u660E\u6587\u8FDB\u884C\u52A0\u5BC6\uFF0C\u52A0\u5BC6\u540E\u7684\u4E3A\u5BC6\u6587\uFF0C\u663E\u793A\u5728\u5BC6\u6587\u8F93\u5165\u6846\u4E2D"),pl.forEach(l),bs=E(Es),G=n(Es,"LI",{});var el=p(G);Ss=r(el,"\u70B9\u51FB\u89E3\u5BC6\u6309\u94AE\uFF0C\u6839\u636E\u7528\u6237\u8F93\u5165\u7684\u504F\u79FB\u91CF\uFF0C\u5BF9\u5BC6\u6587\u8FDB\u884C\u52A0\u5BC6\uFF0C\u89E3\u5BC6\u51FA\u6765\u7684\u4E3A\u660E\u6587\uFF0C\u663E\u793A\u5728\u660E\u6587\u8F93\u5165\u6846\u4E2D"),el.forEach(l),Es.forEach(l),ts=E(s),w=n(s,"H2",{id:!0});var Fl=p(w);J=n(Fl,"A",{href:!0});var tl=p(J);gs=r(tl,"\u89E3\u6CD5"),tl.forEach(l),Fl.forEach(l),rs=E(s),d=n(s,"UL",{});var u=p(d);$=n(u,"LI",{});var Ws=p($);R=n(Ws,"CODE",{});var rl=p(R);ws=r(rl,"string.replace"),rl.forEach(l),xs=r(Ws," \u66FF\u6362\u6570\u5B57"),Ws.forEach(l),Bs=E(u),x=n(u,"LI",{});var ds=p(x);Ls=r(ds,"\u7528"),V=n(ds,"CODE",{});var cl=p(V);ks=r(cl,".charCodeAt()"),cl.forEach(l),Is=r(ds," \u83B7\u53D6\u5B57\u6BCD\u7F16\u7801"),ds.forEach(l),zs=E(u),B=n(u,"LI",{});var vs=p(B);js=r(vs,"\u6B63\u5219\u8868\u8FBE\u5F0F"),W=n(vs,"CODE",{});var yl=p(W);Zs=r(yl,"/[A-Za-z]/g"),yl.forEach(l),Hs=r(vs,"\u9009\u62E9\u5B57\u6BCD"),vs.forEach(l),Ts=E(u),X=n(u,"LI",{});var Dl=p(X);Js=r(Dl,"\u504F\u79FB\u91CF\u8D85\u8FC7\u8303\u56F4\u7684\uFF0C\u5F80\u53CD\u65B9\u5411\u504F\u79FB"),Dl.forEach(l),$s=E(u),P=n(u,"LI",{});var Xs=p(P);Ps=r(Xs,"\u7ED3\u679C\u9A8C\u8BC1\uFF1A"),m=n(Xs,"A",{href:!0,rel:!0,target:!0});var il=p(m);Us=r(il,"\u51EF\u6492\u5BC6\u7801\u52A0\u5BC6/\u89E3\u5BC6 - \u4E00\u4E2A\u5DE5\u5177\u7BB1"),il.forEach(l),Xs.forEach(l),u.forEach(l),cs=E(s),L=n(s,"H3",{id:!0});var El=p(L);U=n(El,"A",{href:!0});var dl=p(U);Os=r(dl,"HTML"),dl.forEach(l),El.forEach(l),ys=E(s),K=wl(s,!1),Q=E(s),k=n(s,"H3",{id:!0});var vl=p(k);O=n(vl,"A",{href:!0});var fl=p(O);qs=r(fl,"JS"),fl.forEach(l),vl.forEach(l),Ds=E(s),Y=wl(s,!1),ss=E(s),I=n(s,"H2",{id:!0});var Cl=p(I);q=n(Cl,"A",{href:!0});var ul=p(q);Ms=r(ul,"\u53C2\u8003"),ul.forEach(l),Cl.forEach(l),is=E(s),b=n(s,"UL",{});var fs=p(b);ls=n(fs,"LI",{});var Al=p(ls);S=n(Al,"A",{href:!0,rel:!0,target:!0});var hl=p(S);Ns=r(hl,"\u51EF\u6492\u5BC6\u7801 javascript"),hl.forEach(l),Al.forEach(l),Gs=E(fs),as=n(fs,"LI",{});var _l=p(as);g=n(_l,"A",{href:!0,rel:!0,target:!0});var ml=p(g);Rs=r(ml,"Caesar Cipher in Javascript - Stack Overflow"),ml.forEach(l),_l.forEach(l),fs.forEach(l),this.h()},h(){D(v,"href","#\u9898\u76EE"),D(c,"id","\u9898\u76EE"),D(C,"href","http://ife.baidu.com/javascript/string.html#%E5%AD%97%E7%AC%A6%E4%B8%B2"),D(C,"rel","nofollow noopener noreferrer external"),D(C,"target","_blank"),D(J,"href","#\u89E3\u6CD5"),D(w,"id","\u89E3\u6CD5"),D(m,"href","http://www.atoolbox.net/Tool.php?Id=778"),D(m,"rel","nofollow noopener noreferrer external"),D(m,"target","_blank"),D(U,"href","#html"),D(L,"id","html"),K.a=Q,D(O,"href","#js"),D(k,"id","js"),Y.a=ss,D(q,"href","#\u53C2\u8003"),D(I,"id","\u53C2\u8003"),D(S,"href","https://blog.csdn.net/dikanjiang6340/article/details/101264748?utm_relevant_index=1"),D(S,"rel","nofollow noopener noreferrer external"),D(S,"target","_blank"),D(g,"href","https://stackoverflow.com/questions/44232645/caesar-cipher-in-javascript?newreg=0a8ff4c05c484b01a7df20821475fb15"),D(g,"rel","nofollow noopener noreferrer external"),D(g,"target","_blank")},m(s,e){F(s,c,e),a(c,v),a(v,A),F(s,h,e),F(s,y,e),a(y,f),a(y,C),a(C,Cs),F(s,os,e),F(s,j,e),a(j,us),F(s,ns,e),F(s,Z,e),a(Z,As),F(s,ps,e),F(s,H,e),a(H,hs),F(s,es,e),F(s,T,e),a(T,M),a(M,_s),F(s,Fs,e),F(s,_,e),a(_,N),a(N,ms),a(_,bs),a(_,G),a(G,Ss),F(s,ts,e),F(s,w,e),a(w,J),a(J,gs),F(s,rs,e),F(s,d,e),a(d,$),a($,R),a(R,ws),a($,xs),a(d,Bs),a(d,x),a(x,Ls),a(x,V),a(V,ks),a(x,Is),a(d,zs),a(d,B),a(B,js),a(B,W),a(W,Zs),a(B,Hs),a(d,Ts),a(d,X),a(X,Js),a(d,$s),a(d,P),a(P,Ps),a(P,m),a(m,Us),F(s,cs,e),F(s,L,e),a(L,U),a(U,Os),F(s,ys,e),K.m(Bl,s,e),F(s,Q,e),F(s,k,e),a(k,O),a(O,qs),F(s,Ds,e),Y.m(Ll,s,e),F(s,ss,e),F(s,I,e),a(I,q),a(q,Ms),F(s,is,e),F(s,b,e),a(b,ls),a(ls,S),a(S,Ns),a(b,Gs),a(b,as),a(as,g),a(g,Rs)},p:Ul,d(s){s&&l(c),s&&l(h),s&&l(y),s&&l(os),s&&l(j),s&&l(ns),s&&l(Z),s&&l(ps),s&&l(H),s&&l(es),s&&l(T),s&&l(Fs),s&&l(_),s&&l(ts),s&&l(w),s&&l(rs),s&&l(d),s&&l(cs),s&&l(L),s&&l(ys),s&&K.d(),s&&l(Q),s&&l(k),s&&l(Ds),s&&Y.d(),s&&l(ss),s&&l(I),s&&l(is),s&&l(b)}}}function Ml(z){let c,v;const A=[z[0],xl];let h={$$slots:{default:[ql]},$$scope:{ctx:z}};for(let y=0;y<A.length;y+=1)h=Ks(h,A[y]);return c=new Ol({props:h}),{c(){jl(c.$$.fragment)},l(y){Zl(c.$$.fragment,y)},m(y,f){Hl(c,y,f),v=!0},p(y,[f]){const C=f&1?Tl(A,[f&1&&bl(y[0]),f&0&&bl(xl)]):{};f&2&&(C.$$scope={dirty:f,ctx:y}),c.$set(C)},i(y){v||(Jl(c.$$.fragment,y),v=!0)},o(y){$l(c.$$.fragment,y),v=!1},d(y){Pl(c,y)}}}const xl={title:"JavaScript \xB7 Caesar Cipher \u51EF\u6492\u52A0\u5BC6",summary:"\u7528JavaScrpit\u7F16\u7801\u5B9E\u73B0\u51EF\u6492\u52A0\u5BC6\u7B97\u6CD5",created:"2022-03-08T16:01:08.850Z",tags:["JavaScript"],categories:["JavaScript"],lastmod:"2022-04-07T07:20:47.694Z",slug:"/2022-03-09-caesar-cipher.md",path:"/2022-03-09-caesar-cipher",toc:[{depth:2,title:"\u9898\u76EE",slug:"\u9898\u76EE"},{depth:2,title:"\u89E3\u6CD5",slug:"\u89E3\u6CD5"},{depth:3,title:"HTML",slug:"html"},{depth:3,title:"JS",slug:"js"},{depth:2,title:"\u53C2\u8003",slug:"\u53C2\u8003"}],updated:"2022-08-06T10:50:48.659Z"};function Nl(z,c,v){return z.$$set=A=>{v(0,c=Ks(Ks({},c),Sl(A)))},c=Sl(c),[c]}class aa extends kl{constructor(c){super(),Il(this,c,Nl,Ml,zl,{})}}export{aa as default,xl as metadata};