今回は、js 文字列操作の完全なコレクションをお届けします。js 文字列操作の 注意事項 は何ですか? 実際のケースを見てみましょう。
Characterメソッド
nbsp;html> <meta> <title>字符方法</title> <script> /* charAt方法和charCodeAt方法都接收一个参数,基于0的字符位置 charAt方法是以单字符字符串的形式返回给定位置的那个字符 charCodeAt方法获取到的不是字符而是字符编码 */ var str="hello world"; console.log(str.charAt(1));//e console.log(str.charCodeAt(1));//101 //还可以使用方括号加数字索引来访问字符串中特定的字符 console.log(str[1]);//e </script>
String操作メソッド
concatメソッド
nbsp;html> <meta> <title>concat方法</title> <script> var str="hello "; var res=str.concat("world"); console.log(res);//hello world console.log(str);//hello 这说明原来字符串的值没有改变 var res1=str.concat("nihao","!"); console.log(res1);//hello nihao! 说明concat方法可以接收任意多个参数 //虽然concat方法是专门用来拼接字符串的,但是实践中我们使用最多的还是加操作符+,因为其简易便行 </script>
sliceメソッド、substringメソッド、substrメソッド
nbsp;html> <meta> <title>字符串操作方法</title> <script> /* slice方法:第一个参数指定子字符串开始位置,第二个参数表示子字符串最后一个字符后面的位置 substring方法:第一个参数指定子字符串开始位置,第二个参数表示子字符串最后一个字符后面的位置 substr方法:第一个参数指定子字符串开始位置,第二个参数表示返回的字符个数 这三个方法都会返回被操作字符串的一个子字符串,都接收一或两个参数 如果没有给这些方法传递第二个参数,则将字符串的长度作为结束位置。这些方法也不会修改字符串本身,只是返回一个基本类型的字符串值 */ var str="hello world"; console.log(str.slice(3));//lo world console.log(str.substring(3));//lo world console.log(str.substr(3));//lo world console.log(str.slice(3,7));//lo w 7表示子字符串最后一个字符后面的位置 简单理解就是包含头不包含尾 console.log(str.substring(3,7));//lo w console.log(str.substr(3,7));//lo worl 7表示返回7个字符 console.log(str.slice(3,-4));//lo w -4+11=7表示子字符串最后一个字符后面的位置 简单理解就是包含头不包含尾 console.log(str.substring(3,-4));//hel 会转换为console.log(str.substring(3,0)); //此外由于这个方法会将较小数作为开始位置,较大数作为结束位置,所以相当于调用console.log(str.substring(0,3)); console.log(str.substr(3,-4));//""空字符串 console.log(str.substring(3,0)); </script>
文字列位置メソッド
nbsp;html> <meta> <title>字符串位置方法</title> <script> /* indexOf方法和lastIndexOf方法都是从一个字符串中搜索给定的子字符串,然后返回子字符串的位置,如果没有找到,则返回-1 indexOf方法是从字符串的开头向后搜索子字符串,lastIndexOf方法正好相反 这两个方法都可以接收两个参数:要查找的子字符串和查找的位置 */ var str="hello world"; console.log(str.indexOf("o"));//4 console.log(str.lastIndexOf("o"));//7 console.log(str.indexOf("o",6));//7 console.log(str.lastIndexOf("o",6));//4 </script>
trimメソッド
rreee文字列大文字小文字変換メソッド
nbsp;html> <meta> <title>trim方法</title> <script> /* trim方法用来删除字符串前后的空格 */ var str=" hello world "; console.log('('+str.trim()+')');//(hello world) console.log('('+str+')');//( hello world ) </script>
文字列パターンマッチングメソッド
nbsp;html> <meta> <title>大小写转换</title> <script> var str="HELLO world"; console.log(str.toLowerCase());//hello world console.log(str.toUpperCase());//HELLO WORLD </script>
replaceメソッド
nbsp;html> <meta> <title>字符串模式匹配</title> <script> /* match方法:只接受一个参数,由字符串或RegExp对象指定的一个正则表达式 search方法:只接受一个参数,由字符串或RegExp对象指定的一个正则表达式 search方法返回字符串中第一个匹配项的索引,如果没有匹配项,返回-1 */ var str="cat,bat,sat,fat"; var pattern=/.at/; var matches=str.match(pattern); console.log(matches.index);//0 console.log(matches[0]);//cat console.log(pattern.lastIndex);//0 //lastIndex表示开始搜索下一个匹配项的字符位置,从0算起 var pos=str.search(/at/); console.log(pos);//1 1表示at字符串在原来字符串中第一次出现的位置 </script>
splitメソッド
nbsp;html> <meta> <title>replace方法</title> <script> var str="cat,bat,sat,fat"; var res=str.replace("at","one");//第一个参数是字符串,所以只会替换第一个子字符串 console.log(res);//cone,bat,sat,fat var res1=str.replace(/at/g,"one");//第一个参数是正则表达式,所以会替换所有的子字符串 console.log(res1);//cone,bone,sone,fone </script>
localeCompareメソッド
nbsp;html> <meta> <title>split方法</title> <script> /* split方法是基于指定的字符,将字符串分割成字符串数组 当指定的字符为空字符串时,将会分隔整个字符串 */ var str="red,blue,green,yellow"; console.log(str.split(","));//["red", "blue", "green", "yellow"] console.log(str.split(",",2));//["red", "blue"] 第二个参数用来限制数组大小 console.log(str.split(/[^\,]+/));// ["", ",", ",", ",", ""] //第一项和最后一项为空字符串是因为正则表达式指定的分隔符出现在了子字符串的开头,即"red"和"yellow" //[^...] 不在方括号内的任意字符 只要不是逗号都是分隔符 </script>
fromChar Codeメソッド
nbsp;html> <meta> <title>localeCompare方法</title> <script> /* 这个方法用于比较两个字符串 1.如果字符串在字母表中应该排在字符串参数之前,则返回一个负数 1.如果字符串等于字符串参数,则返回0 1.如果字符串在字母表中应该排在字符串参数之后,则返回一个正数 */ var str="yellow"; console.log(str.localeCompare("brick"));//1 console.log(str.localeCompare("yellow"));//0 console.log(str.localeCompare("zoo"));//-1 </script>
さまざまなポジションを見つけてください一致する文字列がどこにあるか
nbsp;html> <meta> <title>fromCharCode方法</title> <script> /* fromCharCode方法是接收一或多个字符编码,然后将其转换为字符串 fromCharCode方法是String构造函数的一个静态方法 */ console.log(String.fromCharCode(104,101,108,108,111));//hello </script>
文字列の重複排除
nbsp;html> <meta> <title>字符串匹配</title> <script> /*找到匹配字符串所在的各个位置*/ var str="asadajhjkadaaasdasdasdasd"; var position=[]; var pos=str.indexOf("d"); while(pos>-1){ position.push(pos); pos=str.indexOf("d",pos+1); } console.log(position);//[3, 10, 15, 18, 21, 24] </script>
文字列内の文字の出現数を判断する
nbsp;html> <meta> <title>字符串去重</title> <script> //String.split() 执行的操作与 Array.join 执行的操作是相反的 //split() 方法用于把一个字符串分割成字符串数组。 //join方法用于将字符串数组连接成一个字符串 //如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。 var str="aahhgggsssjjj";//这里字符串没有可以分隔的字符,所以需要使用空字符串作为分隔符 function unique(msg){ var res=[]; var arr=msg.split(""); //console.log(arr); for(var i=0;i<arr.length;i++){ if(res.indexOf(arr[i])==-1){ res.push(arr[i]); } } return res.join(""); } console.log(unique(str));//ahgsj </script>
Ali Interview - String Operation
nbsp;html> <meta> <title>字符串操作</title> <script> /* 1.先实现字符串去重 2.然后对去重后的数组用for循环操作,分别与原始数组中各个值进行比较,如果相等则count++,循环结束将count保存在sum数组中,然后将count重置为0 3.这样一来去重后的数组中的元素在原数组中出现的次数与sum数组中的元素是一一对应的 */ var str="aacccbbeeeddd"; var sum=[]; var res=[]; var count=0; var arr=str.split(""); for(var i=0;i<arr.length;i++){ if(res.indexOf(arr[i])==-1){ res.push(arr[i]); } } for(var i=0;i<res.length;i++){ for(var j=0;j<arr.length;j++){ if(arr[j]==res[i]){ count++; } } sum.push(count); count=0; } console.log(res);//["a", "c", "b", "e", "d"] for(var i=0;i<res.length;i++){ var str=(sum[i]%2==0)?"偶数":"奇数"; console.log(res[i]+"出现了"+sum[i]+"次"); console.log(res[i]+"出现了"+str+"次"); } </script>
の事例を読んだことがあると思います。この記事では、この方法をマスターしました。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨書籍:
以上がjs文字列操作百科事典の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1)フロントエンド開発:DOM操作と最新のフレームワーク(React、Vue.JS、Angularなど)を通じて、動的なWebページとシングルページアプリケーションを構築します。 2)サーバー側の開発:node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3)モバイルおよびデスクトップアプリケーション開発:クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

Pythonはデータサイエンスや機械学習により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、簡潔な構文とリッチライブラリエコシステムで知られており、データ分析とWeb開発に適しています。 2。JavaScriptは、フロントエンド開発の中核です。 node.jsはサーバー側のプログラミングをサポートしており、フルスタック開発に適しています。

JavaScriptは、最新のブラウザにすでに組み込まれているため、インストールを必要としません。開始するには、テキストエディターとブラウザのみが必要です。 1)ブラウザ環境では、タグを介してHTMLファイルを埋め込んで実行します。 2)node.js環境では、node.jsをダウンロードしてインストールした後、コマンドラインを介してJavaScriptファイルを実行します。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SublimeText3 中国語版
中国語版、とても使いやすい

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
