JavaScript の配列と文字列の一般的な使用法

韦小宝
リリース: 2018-03-10 11:55:59
オリジナル
1311 人が閲覧しました

js の 配列 と 文字列

は理解しやすいですが、一般的な使用法の一部は複雑で覚えるのが難しく、混乱しやすいものもあります。 js配列とjs文字列の使い方をまとめ、違いを説明しました。あまり馴染みのない学生さんも、ぜひ参考にしてみてください!

1. 配列と文字列の変換 join();


まず、文字列と配列は相互に変換できることを知っておく必要があります。 配列を文字列に変換します

JavaScript の配列と文字列の一般的な使用法

入力効果は以下の通りです:

JavaScript の配列と文字列の一般的な使用法

この時の出力はalertを直接使って配列arrを出力したのと同じ効果になります。それらを英語の単語に似たものにしたい場合はどうすればよいでしょうか?
図 1 に示すコードで var str = arr.join(""); と記述するだけです。

出力結果は次のようになります。 abc の 2 文字の間にコロンがある場合はどうすればよいですか?非常に簡単です。 var str = arr.join(":"); と記述します。 結果は次のようになります。 の要素は文字列に変換され、このパラメータによって区切られます。はカンマです。

JavaScript の配列と文字列の一般的な使用法

文字列を配列に変換します


split(); を使用します
括弧内に引用符がある場合、文字列は 1 つの文字を 1 つの要素とする配列に分割されます。コードと効果を次の図に示します。 JavaScript の配列と文字列の一般的な使用法

括弧内に引用符があり、引用符内にスペースがある場合。効果は次のとおりです:


var strArr = str.split('lo'); JavaScript の配列と文字列の一般的な使用法
JavaScript の配列と文字列の一般的な使用法
上記の現象を通じて、split() のパラメータは str の一部であると結論付けることができます。文字列は配列要素の 1 つに分割されますが、どの要素にもパラメーターは含まれません。

JavaScript の配列と文字列の一般的な使用法2. 文字列のその他の使用法

JavaScript の配列と文字列の一般的な使用法
slice()

var str = "hello world";var strArr = str.slice(2,5);
//截取字符串中第2位到第5位的字符。包括第2位,不包括第5位;
alert(strArr);
ログイン後にコピー

    sub
  • string

    (beginIndex, endIndex)はslice()と同じように使用されます

  • 3。その他のarray の使い方

  • arr.push()
arr に要素を追加すると、追加された要素が最後にランク付けされます。

arr.pop()
  • 配列の最後の要素を削除


  • arr.slice(beginIndex,endIndex)
  • 最後の桁を除いた配列の要素をインターセプトします。


    arr.splice(beginIndex,length,[item1,item2,item3...])

    arr配列の添え字beginIndexから始まるlength要素を削除し、要素item1、item2、item3...を追加します。 beginIndex から一度に追加が開始されます。


arr.unshift();配列の先頭に要素を追加します。

1JavaScript の配列と文字列の一般的な使用法

以上がjsにおける配列と文字列の使い方について解説した内容ですので、まだ馴染みのない学生さんはぜひ目を通してみてください! Uploading 11_43684JavaScript の配列と文字列の一般的な使用法 ...]

  • 関連する推奨事項:

JavaScript Array

-String-MathFunction

以上がJavaScript の配列と文字列の一般的な使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート