原生js去除空格charat,js去除所有空格

本文目錄一覽：

• 1、在javascript中如何去除字元串兩頭的空格
• 2、JS中如何去除字元串的空格
• 3、如何用js去除元素之間的空格？
• 4、javascript如何自動去除所有空格？
• 5、JS去掉字元串的前後空格怎麼處理？
• 6、js怎麼去空格

在javascript中如何去除字元串兩頭的空格

在javascript中去除字元串兩頭的空格：

script type=”text/javascript”

/* js實現trim函數*/

function trim(str){ //刪除左右兩端的空格

return str.replace(/(^/s*)|(/s*$)/g, “”);

}

function ltrim(str){ //刪除左邊的空格

return str.replace(/(^/s*)/g,””);

}

function rtrim(str){ //刪除右邊的空格

return str.replace(/(/s*$)/g,””);

}

/script

JS中如何去除字元串的空格

在JS中，我們經常需要處理字元串，也經常需要去除字元串的空格。

缺陷：通過字元串自帶方法，無法去除字元串中間的空格

2.通過RegExp

使用$.trim()也只能出去兩端空格

知識點回顧：

String相關 ：

原始值字元串並沒有屬性和方法,因為他們不是對象。但原始值可以使用 屬性和方法，是因為 JavaScript 在執行其方法和屬性時經過了包裝類

如何用js去除元素之間的空格？

取出兩個undefined是因為在ff中，會將元素內的換行當成一個空的文本節點來處理。

有兩種辦法可以忽略掉空的文本節點：

第一種，根據nodeType過濾掉空文本節點：

function getFirstChild(parent) {

    if(parent  parent.nodeType == ‘1’) {

        var node = parent.firstChild;

        while(node.nodeType != 1) {

            node = node.nextSibling;

        }

        return node;

    }

}

第二種辦法，用children[0]獲取第一個節點，比如：

div id=”c”

    spanfirst span/span

/div

document.getElementById(‘c’).children[0]取到的就是第一個span。

另外，children在IE中會將注釋當作節點包含在內，需要注意一下，比如下面這種結構：

div id=”c”

!– this is comment —

spanSpanspan

/div

在IE中使用document.getElementById(‘c’).children[0]，獲取到的是!– this is comment –，而不是spanSpan/span。

nodeType返回值代表的含義：

返回值    節點類型

1             Element                        元素節點

2             Attr                               屬性節點

3             Text                              文本節點

4             CDATASection             ![CDATA[]]

5             EntityReference           文檔中的實體引用部分

6             Entity                           文檔中的實體

7             ProcessingInstruction  處理指令

8             Comment                     注釋

9             Document                    整個文檔（文檔根節點）

10           DocumentType            向為文檔定義的實體提供介面

11           DocumentFragment    輕量級的 Document 對象，能夠容納文檔的某個部分

12           Notation                       代表 DTD 中聲明的符號

各類節點的子節點：

節點類型    子節點類型

1                1、3、4、5、7、8

2                3、5

3                無子節點

4                無子節點

5                1、3、4、5、7、8

6                1、3、4、5、7、8

7                無子節點

8                無子節點

9                1、7、8、10

10              無子節點

11              1、3、4、5、7、8

12              無子節點

javascript如何自動去除所有空格？

方法一：

代碼如下:

//javascript去空格函數

function LTrim(str){ //去掉字元串 的頭空格

var i;

for(i=0;i if(str.charAt(i)!=” “str.charAt(i)!=” “) break;

}

str = str.substring(i,str.length); 

return str;

}

function RTrim(str){

var i; 

for(i=str.length-1;i=0;i–){ 

if(str.charAt(i)!=” “str.charAt(i)!=” “) break; 

} str = str.substring(0,i+1);

return str;

}

function Trim(str){

return LTrim(RTrim(str));

}

方法二：

代碼如下:

SCRIPT LANGUAGE=”JavaScript”

!–

//出處:網上搜集 

//made by yaosansi 2005-12-02

//For more visit 

// Trim() , Ltrim() , RTrim()

String.prototype.Trim = function()  

{

return this.replace(/(^\s*)|(\s*$)/g, “”);

}

String.prototype.LTrim = function()  

{

return this.replace(/(^\s*)/g, “”);

}

String.prototype.RTrim = function()  

{

return this.replace(/(\s*$)/g, “”);

}  

//–

/SCRIPT

擴展資料：

LTRIM參數：string：規定要轉換的字元串。

LTRIM參數：charlist：規定從字元串中刪除哪些字元。如果未設置該參數，則全部刪除以下字元。

例如：

html body ?php

$str = ” Hello World!”;

echo “Without ltrim: ” . $str;

echo “br /”;

echo “With ltrim: ” . ltrim($str);

? body html

輸出：Without ltrim: Hello World! With ltrim: Hello World!

如果在瀏覽器中查看源代碼，會看到以下 HTML：

html body Without ltrim: Hello World!br /With ltrim: Hello World! /body /html

參考資料來源：百度百科—LTRIM函數

JS去掉字元串的前後空格怎麼處理？

具體的演算法為：

function trim(s){

return trimRight(trimLeft(s));  

}  

//去掉左邊的空白  function trimLeft(s){

if(s == null) {

return “”;

}

var whitespace = new String(” \t\n\r”);

var str = new String(s);

if (whitespace.indexOf(str.charAt(0)) != -1) {

var j=0, i = str.length;

while (j i whitespace.indexOf(str.charAt(j)) != -1){

j++;

}

str = str.substring(j, i);

}

return str;  

}  

//去掉右邊的空白   function trimRight(s){

if(s == null) return “”;

var whitespace = new String(” \t\n\r”);

var str = new String(s);

if (whitespace.indexOf(str.charAt(str.length-1)) != -1){

var i = str.length – 1;

while (i = 0 whitespace.indexOf(str.charAt(i)) != -1){

i–;

}

str = str.substring(0, i+1);

}

return str;  

}        

JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。

js怎麼去空格

寫成類的方法格式如下：（str.trim();）

script language=”javascript”

String.prototype.trim=function(){

return this.replace(/(^\s*)|(\s*$)/g, “”);

}

String.prototype.ltrim=function(){

return this.replace(/(^\s*)/g,””);

}

String.prototype.rtrim=function(){

return this.replace(/(\s*$)/g,””);

}

/script

寫成函數可以這樣：(trim(str))

script type=”text/javascript”

function trim(str){ //刪除左右兩端的空格

return str.replace(/(^\s*)|(\s*$)/g, “”);

}

function ltrim(str){ //刪除左邊的空格

return str.replace(/(^\s*)/g,””);

}

function rtrim(str){ //刪除右邊的空格

return str.replace(/(\s*$)/g,””);

}

/script