찾다
집웹 프론트엔드JS 튜토리얼한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

醉折花枝作酒筹
醉折花枝作酒筹
Apr 21, 2021 am 09:33 AM
javascript정규식

本篇文章给大家详细介绍一下吃通javascript正则表达式的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

正则表达式的作用

简单来讲正则表达式的作用就是进行字符串的增删改查，虽然javascritpt语言已经有及其完善的操作字符串的api，但是正则表达式会让你操作字符串更简单方便

创建正则表达式的方式

字面量形式

需要注意的是 字面量形式的正则表达式 是没有办法操作变量的，如下

const reg = "sattre is smart"
let x = 's'
console.log(/x/.test(reg)); //false

除非改成这样

// eval是把字符串变成js表达式
console.log(eval(`/${x}/`).test(str));

使用对象的形式创建正则表达式

使用对象的形式创建的好处就是能够直接接受正则变量

const x = 'a'
let regs = new RegExp(x) 
let str = 'All we need is love'
let reg = new RegExp('A', 'g') // 第二个参数代表匹配的模式
console.log(reg.test(str));

小案例-实现输入字符高亮

其实就是和浏览器的ctrl+f功能差不多

<!DOCTYPE html><html lang="en"><head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title></head><body>
  <p id="main">
    All we need is love  </p></body><script>
  const cin = prompt(&#39;输入想要高亮内容&#39;)
  const reg = new RegExp(cin, &#39;g&#39;)
  let mainp = document.querySelector(&#39;#main&#39;)
  console.log(mainp);
  mainp.innerHTML = mainp.innerHTML.replace(reg, matched => {
    return `<span style="color:red">${matched}</span>`
  })</script></html>

选择符

‘ | ’ 此为选择符，选择符两边的字符都可以匹配，都有效

let str1 = &#39;a&#39;
let str2 = &#39;b&#39;
console.log(/a|b/.test(str1)); //true
console.log(/a|b/.test(str2)); //true

对转义的理解

自己的话理解就是，有些特殊符号如：{} [] . 等本来在正则表达式中就已经赋予了它的含义，如果单独使用会按照本身赋予的含义编译，如果需要匹配这些特殊符号本身，那么需要在这些符号前面加上一个 ‘’ 来加以区别

小数点本身的正则含义是除换行符外的任何字符

// 匹配小数点 \.
let price = 23.34
console.log(/\d+\.\d+/.test(23.34)); //true

但是需要注意的来了

如果你是用对象方法声明的正则表达式的话，你需要在转义字符前多使用一次 ’ / ’ ,因为对象声明正则表达式传入的是字符串，他的解析方式不同

如下

let reg = new RegExp(&#39;\d+\.\d+&#39;)
console.log(reg.test(price)); //false
console.log(&#39;/\d+\.\d+/&#39;);

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.
需要改成：

let reg1 = new RegExp(&#39;\\d+\\.\\d+&#39;)
console.log(reg1.test(price)); //true

再来一个

const url = &#39;https://space.bilibili.com/17819768/&#39; 
console.log(/https?:\/\/\w+\.\w+\.\w+\/\d+\//.test(url)); //true

字符边界约束

  • ^ : 限定以其后面的第一个字符为开始
  • $: 限定以其前面的第一个字符为结束

写一个监测必须以数字开头结束的字符串

let str = &#39;2dasdjifeiorepo&#39;
let str2 = &#39;3dsf5&#39;
console.log(/^\d\w+\d$/.test(str));
console.log(/^\d\w+\d$/.test(str2));

注意：^ 如果用在[ ] 中 还有除了[ ] 中的字符以外都可以匹配的意思

let str = `张三:155565666523,李四:2564154156561`
console.log(str.match(/[^\d,:]+/g));

注意 ：这里如果没有 ^ $ 的话 任意的超过6个的字符串都会成功，因为没有开始和结束的限定，match会在字符串中任意取6个字符，所以也算作是成功的

<!DOCTYPE html><html lang="en"><head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title></head><body>
  <input type="text" name="user">
  <span></span>
  <script>
    let input = document.querySelector("[name=&#39;user&#39;]")
    let span = document.querySelector(&#39;span&#39;)
    console.log(input);
    input.addEventListener(&#39;keyup&#39;, function () {
      // console.log(this.value.match(/^\w{3,6}$/));
      if (this.value.match(/^\w{3,6}$/)) {
        span.innerHTML = &#39;正确格式&#39;
      }else{
        span.innerHTML = &#39;请输入3-6位字符&#39;
      }
    })
  </script></body></html>

元字符

元字符 匹配
\d 匹配数字
\D 匹配除了数字的其他字符
\s 匹配空白（换行符也算）
\S 除了空白的其他字符
\w 匹配字母 数字 下划线
\W 除了字母数字下划线
. 匹配除了换行符的任意字符

匹配一个邮箱

let str = `#$%483023989@qq.com`
let str2 = `483023989@qq.com`
console.log(str.match(/^\w+@\w+\.\w+$/));
console.log(str2.match(/^\w+@\w+\.\w+$/));

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

用 [ ] 巧妙匹配所有字符

如下，如果不加[ ] 代表完整匹配abc ，加了 [ ] ，代表可以匹配abc中的任意一个字符

let str = &#39;aaaabsdsc&#39;
console.log(str.match(/[abc]/g));
console.log(str.match(/abc/g));

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.
可以用 [\s\S] [\d\D] 匹配所有字符

let str = &#39;$%^&*()(*&^&*(sfhsdjf   asdoia ..fdsdgf nsefxg\][iogjpsf&#39;
console.log(str.length);
console.log(str.match(/[\s\S]/g));

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

模式符

  • i : 不区分大小写
  • g: 全局匹配
let str = &#39;Www&#39;
console.log(str.match(/w/gi)); //["W", "w", "w"]

多行匹配

 // 多行匹配
 let str = `
 #1 js,200元 #    
#2 vue,500元 #    
#3 angular,199元 # song   
#4 node.js,188元 #   
`let res = str.match(/\s*#\d+\s+.+\s+#\s+$/gm).map(item => {
  item = item.replace(/\s*#\d+\s*/, &#39;&#39;).replace(/#/, &#39;&#39;)
  let [name, price] = item.split(",")
  return { name, price }})console.log(res);

字符属性

\p 后面加上{x} x代表要匹配的字符属性 具体意思如下

元字符 含义

  • \p{L} 所有字母
  • \p{N} 所有数字，类似于 \d
  • [\p{N}\p{L}] 所有数字和所有字母，类似于 \w
  • \P{L} 不是字母，等价于 [^\p{L}]
  • \P{N} 不是数字，等价于 [^\p{N}]
let str = "sadhusafsafha.啥事爱上撒大声地?!"// 匹配字符
console.log(str.match(/\p{L}/gu));// 匹配标点符号
console.log(str.match(/\p{P}/gu));// 匹配汉字
console.log(str.match(/\p{sc=Han}/gu));

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

模式符 u
此修饰符标识能够正确处理大于\uFFFF的Unicode字符。
也就是说，会正确处理四个字节的UTF-16编码。
此修饰符是ES2015新增，更多正则表达式新特性可以参阅ES2015 正则表达式新增特性一章节。

比如有些时候，一些宽字节的字符匹配不到，就需要用到模式符/u

lastIndex属性

let str = &#39;nihaowoshizhongguoren&#39;
let reg = /\w/g
console.log(reg.lastIndex);
console.log(reg.exec(str));
console.log(reg.lastIndex);
console.log(reg.exec(str));
while ((res = reg.exec(str))) {
  console.log(res);}

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

有效率的y模式

和g的区别就是，g模式只要还有满足条件的字符就会继续下去匹配，而y模式只要下一个字符不满足匹配条件，就会停止匹配。它的作用是让匹配更具有效率，一旦遇到条件不符合的就不会再检测后面的字符了

let str = &#39;尼采的电话是:516515614,111111111,2222222222 没重要的事千万不要打给他，因为他已经疯了&#39;
let reg = /(\d+),?/yreg.lastIndex = 7
console.log(reg.exec(str));
console.log(reg.exec(str));
console.log(reg.exec(str));
console.log(reg.exec(str));

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

原子表和原子组的基本使用

[] 代表原子表:可选择匹配 ()代表原子组

let str = &#39;paul_sattre&#39;
console.log(str.match(/st/g)); //需要st一起才能匹配
console.log(str.match(/[st]/g)); //需要只要有s 或者 t 就可以匹配
let date1 = &#39;2021/4/9&#39;
let date2 = &#39;2021-4-9&#39;
console.log(date1.match(/\d+[-\/]\d+[-\/]\d+/));
console.log(date2.match(/\d+[-\/]\d+[-\/]\d+/));

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.
其实上面还是有点缺陷
就是将date改成这样的时候 2021-4/9 前后两个符号不一致的时候还是能够匹配到，这个时候就可以用到原子组了

let date1 = &#39;2021/4/9&#39;
let date2 = &#39;2021-4-9&#39;
let date3 = &#39;2021-4/9&#39;
console.log(date1.match(/\d+([-\/])\d+\1\d+/));
console.log(date2.match(/\d+([-\/])\d+\1\d+/));
console.log(date3.match(/\d+([-\/])\d+\1\d+/));

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.
加了一个 () 后面的\1代表要和前面的()相同才能行

邮箱验证

// 邮箱验证
let str = &#39;483023989@qq.com.cn&#39;
let reg = /^[\w]+@[\w]+(\.[\w]+)+///["483023989@qq.com.cn", ".cn", index: 0, input: "483023989@qq.com.cn", groups: undefined]
console.log(str.match(reg));// (\.[\w]+)+  表示括号之内的内容有1个或多个

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

原子组的替换操作

替换h标签为p标签

let str = `
  <h1 id="hello">hello</h1>
  <h2 id="asdas">asdas</h2>
  <h3 id="dasdad">dasdad</h3>
`let reg = /<(h[1-6])>([\s\S]+)<\/\1>/gi// console.log(str.replace(reg, &#39;<p>$2</p>&#39;));/**
 *   
  <p>hello</p>
  <p>asdas</p>
  <p>dasdad</p>
 */let res = str.replace(reg, ($0, $1, $2) => {
  return `<p>${$2}</p>`})/**
 * 上面回调函数中的 $0 代表的是整个匹配到的内容，之后的$1 $2 就是从左
 * 到右的原子组匹配到的内容
 */console.log(res);

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

不记录分组

https? 代表前面的字符s可以有也可以没有 代表不记录到我们的
下面的(?:\w+.) 原子组中的 ?: 代表不记录到我们的组编号之中

let str = `
  https://www.nihao.com
  http://nihao.com
`
let reg = /https?:\/\/((?:\w+\.)?\w+\.(?:com|cn|net))/gi

let urls = []

while ((res = reg.exec(str))) {
  urls.push(res[1])
}
console.log(urls);

所以有没有www都能匹配到
한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

多种重复匹配基本使用

+ ： 一个或多个
* ： 零个或多个
{a,b}： a-b范围内的出现次数
?： 零个或1个

// 多种重复匹配基本使用
let str = &#39;asddddddddd&#39;
let str2 = &#39;as&#39;
console.log(str.match(/sd+/)); //1个或多个
console.log(str2.match(/sd*/)); //0个或多个
console.log(str.match(/sd{2,3}/)); // 2或3个
console.log(str.match(/sd?/)); // 0个或1个

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

// 重复匹配对原子组的影响
let str = &#39;asdddddsd&#39;
console.log(str.match(/(sd)+/g));  //["sd", "sd"]

限定用户名为3-8位并且是以字母开头

// 限定用户名为3-8位并且是以字母开头
let username = &#39;a_Coding&#39;
let username1 = &#39;2fdsdfd&#39;
let username2 = &#39;s&#39;
let username3 = &#39;asdsadsadsad&#39;;
console.log(/^[a-z]\w{2,7}$/i.test(username));
console.log(/^[a-z]\w{2,7}$/i.test(username1));
console.log(/^[a-z]\w{2,7}$/i.test(username2));
console.log(/^[a-z]\w{2,7}$/i.test(username3));

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

禁止贪婪

使用正则/sd+/ 匹配上面字符串时+会默认贪婪多个d，+后面加个？就只会匹配一个d了 这就是禁止贪婪

// 禁止贪婪
let str = &#39;asdddddd&#39;/**
 * 使用正则/sd+/ 匹配上面字符串时+会默认贪婪多个d
 * +后面加个？就只会匹配一个d了  这就是禁止贪婪
 */console.log(str.match(/sd+/)); //sdddddd
 console.log(str.match(/sd+?/)); //sd
 console.log(str.match(/sd*/)); //sdddddd
 console.log(str.match(/sd*?/)); //sd
 console.log(str.match(/sd{1,4}/));//sdddd
 console.log(str.match(/sd{1,4}?/));//sd

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

断言匹配

?= 后边是什么的

应该注意的是：断言只是对前面匹配的条件限定，并不参与实际的匹配结果中。
?= 中的等于号后面如果是个a，那么前面的匹配字符需要后面是a才会被匹配

// 断言匹配  ?=  后边是什么的
let str = &#39;我爱你，你爱他&#39;
let reg = /爱(?=你)/  //匹配后面有一个,号的love
console.log(str.replace(reg, &#39;不爱&#39;));  //我不爱你，你爱他

使用断言规范价格

let lessons = `
  js,343元,400次
  node.js,300.00元,134次
  java,500元,432次
`let reg = /(\d+)(.00)?(?=元)/gi
lessons = lessons.replace(reg, (v, ...args) => {
  console.log(args);
  args[1] = args[1] || &#39;.00&#39;
  return args.slice(0, 2).join(&#39;&#39;)})console.log(lessons);

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

?

理解上面的第一个断言这个也就能猜到意思了

//  ?<=  前面是什么的
let str = &#39;我爱你，你爱他&#39;
let reg1 = /(?<=你)爱/
console.log(str.replace(reg1, &#39;不爱&#39;));// 我爱你，你不爱他

使用断言模糊电话号码

let users = `
  乔丹电话:54088888888,
  艾弗森电话;08888888845
`// 给电话号码的后4位变成*
let reg = /(?<=\d{7})\d+/g// 
console.log(users.match(reg));
users = users.replace(reg, &#39;*&#39;.repeat(4))
console.log(users);

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

?! 后面不是什么的就匹配

let str = &#39;hfewhieuwhf43758435efhiuewfhiew&#39;
let reg = /[a-z]+(?!\d+)$/i  //取后面不是数字的字母 注意这里的这个$非常重要
console.log(str.match(reg)); //efhiuewfhiew

?
let str = &#39;asdae334dsfdsff&#39;
let reg = /(?<!\d+)[a-z]+/i
console.log(str.match(reg));  //asdae

字符串正则方法

  • search : 返回索引值，找不到就是-1
  • match: 返回匹配后的字符结果 数组
  • matchAll 返回全局匹配的迭代对象
  • split 分割字符串形成数组
/// 字符串正则方法
let str = &#39;i love you&#39;

console.log(str.search(&#39;u&#39;)); // 返回索引值，找不到就是-1
console.log(str.search(/o/));

// 返回匹配后的字符结果  数组
console.log(str.match(/o/));  //["o", index: 3, input: "i love you", groups: undefined]

// matchAll split
let date = &#39;2001-1/1&#39;

console.log(date.split(/[-\/]/)); //["2001", "1", "1"]

matchAll

<body>
  <h1 id="all-nbsp-we-nbsp-need-nbsp-is-nbsp-love">all we need is love</h1>
  <h2 id="all-nbsp-we-nbsp-need-nbsp-is-nbsp-love">all we need is love</h2>
  <h3 id="all-nbsp-we-nbsp-need-nbsp-is-nbsp-love">all we need is love</h3>
  <script>
    let reg = /<(h[1-6])>([\s\S]+?)<\/\1>/gi
    const content = document.body.innerHTML.matchAll(reg)
    // console.log(content);
    let res = []
    for (const it of content) {
      // console.log(it);
      res.push(it[2])
    }
    console.log(res);


    let str = &#39;woainiw&#39;


    // 为低端浏览器自定义原型方法matchALl
    String.prototype.matchAll = function (reg) {
      let res = this.match(reg)
      if (res) {
        let str = this.replace(res[0], &#39;^&#39;.repeat(res[0].length))
        let match = str.matchAll(reg) || []
        return [res, ...match]
      }
    }

    console.log(str.matchAll(/(w)/i));
  </script></body>

한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.

$符号在正则替换中的使用

$& 代表匹配到的内容
$` 代表匹配到的前面内容
$’ 代表匹配到的后面内容

let date = &#39;2013/5/6&#39;


let str = &#39;(010)88888888  (020)88888888&#39;
let reg = /\((\d{3,4})\)(\d{7,8})/g
console.log(str.replace(reg, "$1-$2"));
// 010-88888888  020-88888888

// $&  代表匹配到的内容  
// $`  代表匹配到的前面内容
// $&#39;  代表匹配到的后面内容
let str = &#39;我爱你&#39;
console.log(str.replace(/爱/, &#39;不$&&#39;)); //我不爱你
console.log(str.replace(/爱/, "$`")); //我我你
console.log(str.replace(/爱/, "$&#39;")); //我你你

【推荐学习：javascript高级教程】

위 내용은 한 번의 트릭으로 JavaScript 정규식을 사용하는 방법을 가르쳐주세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
이 기사는 CSDN에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
관련 기사
브라우저 너머 : 실제 세계의 JavaScript브라우저 너머 : 실제 세계의 JavaScriptApr 12, 2025 am 12:06 AM

실제 세계에서 JavaScript의 응용 프로그램에는 서버 측 프로그래밍, 모바일 애플리케이션 개발 및 사물 인터넷 제어가 포함됩니다. 1. 서버 측 프로그래밍은 Node.js를 통해 실현되며 동시 요청 처리에 적합합니다. 2. 모바일 애플리케이션 개발은 재교육을 통해 수행되며 크로스 플랫폼 배포를 지원합니다. 3. Johnny-Five 라이브러리를 통한 IoT 장치 제어에 사용되며 하드웨어 상호 작용에 적합합니다.

Next.js (백엔드 통합)로 멀티 테넌트 SAAS 애플리케이션 구축Next.js (백엔드 통합)로 멀티 테넌트 SAAS 애플리케이션 구축Apr 11, 2025 am 08:23 AM

일상적인 기술 도구를 사용하여 기능적 다중 테넌트 SaaS 응용 프로그램 (Edtech 앱)을 구축했으며 동일한 작업을 수행 할 수 있습니다. 먼저, 다중 테넌트 SaaS 응용 프로그램은 무엇입니까? 멀티 테넌트 SAAS 응용 프로그램은 노래에서 여러 고객에게 서비스를 제공 할 수 있습니다.

Next.js (Frontend Integration)를 사용하여 멀티 테넌트 SaaS 응용 프로그램을 구축하는 방법Next.js (Frontend Integration)를 사용하여 멀티 테넌트 SaaS 응용 프로그램을 구축하는 방법Apr 11, 2025 am 08:22 AM

이 기사에서는 Contrim에 의해 확보 된 백엔드와의 프론트 엔드 통합을 보여 주며 Next.js를 사용하여 기능적인 Edtech SaaS 응용 프로그램을 구축합니다. Frontend는 UI 가시성을 제어하기 위해 사용자 권한을 가져오고 API가 역할 기반을 준수하도록합니다.

JavaScript : 웹 언어의 다양성 탐색JavaScript : 웹 언어의 다양성 탐색Apr 11, 2025 am 12:01 AM

JavaScript는 현대 웹 개발의 핵심 언어이며 다양성과 유연성에 널리 사용됩니다. 1) 프론트 엔드 개발 : DOM 운영 및 최신 프레임 워크 (예 : React, Vue.js, Angular)를 통해 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축합니다. 2) 서버 측 개발 : Node.js는 비 차단 I/O 모델을 사용하여 높은 동시성 및 실시간 응용 프로그램을 처리합니다. 3) 모바일 및 데스크탑 애플리케이션 개발 : 크로스 플랫폼 개발은 개발 효율을 향상시키기 위해 반응 및 전자를 통해 실현됩니다.

JavaScript의 진화 : 현재 동향과 미래 전망JavaScript의 진화 : 현재 동향과 미래 전망Apr 10, 2025 am 09:33 AM

JavaScript의 최신 트렌드에는 Typescript의 Rise, 현대 프레임 워크 및 라이브러리의 인기 및 WebAssembly의 적용이 포함됩니다. 향후 전망은보다 강력한 유형 시스템, 서버 측 JavaScript 개발, 인공 지능 및 기계 학습의 확장, IoT 및 Edge 컴퓨팅의 잠재력을 포함합니다.

Demystifying JavaScript : 그것이하는 일과 중요한 이유Demystifying JavaScript : 그것이하는 일과 중요한 이유Apr 09, 2025 am 12:07 AM

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.

Python 또는 JavaScript가 더 좋습니까?Python 또는 JavaScript가 더 좋습니까?Apr 06, 2025 am 12:14 AM

Python은 데이터 과학 및 기계 학습에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 간결한 구문 및 풍부한 라이브러리 생태계로 유명하며 데이터 분석 및 웹 개발에 적합합니다. 2. JavaScript는 프론트 엔드 개발의 핵심입니다. Node.js는 서버 측 프로그래밍을 지원하며 풀 스택 개발에 적합합니다.

JavaScript를 어떻게 설치합니까?JavaScript를 어떻게 설치합니까?Apr 05, 2025 am 12:16 AM

JavaScript는 이미 최신 브라우저에 내장되어 있기 때문에 설치가 필요하지 않습니다. 시작하려면 텍스트 편집기와 브라우저 만 있으면됩니다. 1) 브라우저 환경에서 태그를 통해 HTML 파일을 포함하여 실행하십시오. 2) Node.js 환경에서 Node.js를 다운로드하고 설치 한 후 명령 줄을 통해 JavaScript 파일을 실행하십시오.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

더보기

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
어 ass 신 크리드 그림자 : 조개 수수께끼 솔루션
2 몇 주 전ByDDD
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
더보기

뜨거운 도구

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

더보기

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?
7470
15
Cakephp 튜토리얼
1377
52
Steam의 계정 이름 형식은 무엇입니까?
77
11
Win11 활성화 키 영구
48
19
NYT 연결 힌트와 답변
19
29
더보기