如何利用JavaScript中的方法移除和添加數組元素

JavaScript中的方法splice()可以移除存在的元素或添加新元素,裡面包含有兩個參數或三個參數。下面利用幾個實例說明splice()方法的用法,操作如下:

工具/原料

JavaScript
eclipse
Tomcat7.x
jdk1.8
截圖工具
瀏覽器

方法/步驟

第一步,雙擊打開eclipse開發工具,新建靜態頁面splice.html,如下圖所示:

第二步,聲明數組G1並賦值,利用splice方法對數組G1進行移除,然後賦值給G2,如下圖所示:

第三步,保存靜態頁面,預覽該靜態頁面,查看瀏覽器控制台列印結果,如下圖所示:

第四步,修改代碼列印數組G1,保存代碼準備再次預覽該靜態頁面,如下圖所示:

第五步,再次預覽該靜態頁面,查看瀏覽器控制台列印的結果,如下圖所示:

第六步,給splice方法添加第三個參數字符串「GTY」,保存之後並預覽頁面,如下圖所示:

注意事項

注意splice方法的用法
注意splice方法跟其他的添加或移除數組元素方法的區別

相關文章

  1. 如何利用JavaScript中的方法對數組元素進行排序

    JavaScript中的方法sort(),可以對數組中的元素進行排序,一般情況下是按照數值或字母升序排列.下面利用幾個實例說明sort()方法的用法,操作如下: 工具/原料 JavaScript ec ...
  2. 如何利用JavaScript中的方法entries返回新數組

    JavaScript中的entries()方法返回一個新數組疊代器,可以生成一個新的數組,然後利用for...of遍歷循環.下面利用幾個實例說明entries()方法的用法,操作如下: 工具/原料 J ...
  3. 如何利用JavaScript中的方法UTC()獲取日期時間

    JavaScript中的方法UTC(),可以對給出展示的日期時間,它有七個參數:年份.月份.日期.小時.分鐘.秒鐘和毫秒,如果不給出值,默認為0.下面利用幾個實例說明UTC()方法的用法,操作如下: ...
  4. 如何利用JavaScript中的方法向數組裡添加元素

    JavaScript中的push方法,可以向數組裡添加元素:push()方法參數可以包含有一個或一個以上,返回的結果是添加元素後數組的長度.下面利用幾個實例說明push()方法的用法,操作如下: 工具 ...
  5. 如何利用JavaScript中的方法過濾數組中的元素

    JavaScript中的數組含有自帶的方法,可以根據條件過濾數組元素,下面有這麼一個場景: (1)創建新數組並賦值 (2)利用數組長度.是否包含某個字符等過濾數組元素 具體使用實例說明,操作如下: 工 ...
  6. 如何利用JavaScript中的方法concat()拼接數組

    JavaScript中的數組可以像字符串那樣,利用方法將其元素拼接成一個新的數組,這個方法是concat,可以將兩個或兩個以上的數組拼接成一個新的數組.下面利用幾個實例說明concat方法的使用,操作 ...
  7. 如何利用JavaScript中的方法複製數組中的元素

    JavaScript中的方法可以複製數組的元素,將某個或某幾個新元素複製到舊的元素上.下面利用幾個實例說明複製數組元素的使用方法,操作如下: 工具/原料 JavaScript eclipse Tomc ...
  8. 如何利用JavaScript中find方法找到滿足條件元素

    JavaScript中有個方法------find方法,可以利用這個方法查找滿足條件的數組元素,如果找到第一個滿足條件的,返回該元素,否則返回undefined.下面利用幾個實例說明find方法的用法 ...
  9. 如何利用JavaScript中的方法清除Map中的元素

    JavaScript中的Map集合方法可以添加元素,也可以清除元素:添加元素使用set方法,而清除元素的方法用clear,下面利用一個實例說明clear方法用法,操作如下: 工具/原料 eclipse ...
  10. 如何利用JavaScript中的方法對數組元素格式化

    JavaScript中的方法toLocaleString,可以把數組轉換為本地字符串,按照特定的分隔符把生成的字符串連接起來.下面利用幾個實例說明toLocaleString方法的用法,操作如下: 工 ...
  11. 如何利用JavaScript中的方法填充數組元素

    JavaScript數組中的方法包含有各種各樣的,有獲取數組元素的.有替換數組元素的.有遍歷數組元素的等.下面有這麼一個場景: (1)創建一個新數組 (2)利用fill方法填充數組 操作如下: 工具/ ...
  12. 如何利用JavaScript中的方法將數組轉換成字符串

    JavaScript中的方法toString(),可以將數組元素轉換成字符串,利用逗號間隔開來.下面利用幾個具體的實例說明toString方法的用法,操作如下: 工具/原料 JavaScript ec ...
  13. 如何利用JavaScript中的方法刪除數組中的元素

    相對於向數組裡添加元素,使用的是push():那麼,刪除數組內的元素,使用的是pop()方法.pop()方法是從數組裡刪除元素,每次刪除一個元素,可以操作多次,但是不能刪除空數組.下面利用幾個實例說明 ...
  14. 如何利用JavaScript中的方法values獲取數組元素

    JavaScript中的方法values,是一個正在實驗的方法,有些瀏覽器還不具有兼容性.下面利用幾個實例說明values()方法的用法,操作如下: 工具/原料 eclipse JavaScript ...
  15. 如何利用JavaScript中方法判斷數組元素是否包含

    JavaScript中的some()方法是判斷數組中的元素滿足某種條件,或者不滿足某種條件,這是部分滿足.下面利用幾個實例說明some()方法用法,操作如下: 工具/原料 JavaScript ecl ...
  16. 如何利用JavaScript中的Array.from方法生成數組

    JavaScript中的Array.from方法可以將數組或者類似數組的轉換成數組,被轉換的對象可以是數組.數字.字符串等.下面利用幾個實例說明Array.from的用法,操作如下: 工具/原料 Ja ...
  17. 如何利用JavaScript中數組方法將轉換成數組

    JavaScript數組可以將其他類型的數據類型,轉換成數組,可以是數值.字符串.boolean類型.下面利用幾個實例說明數組轉換方法Array.of(),操作如下: 工具/原料 JavaScript ...
  18. 如何利用JavaScript中Symbol的for方法獲取同值

    Symbol類型如果需要重新使用同一個Symbol值,可以利用Symbol.for(),這個方法接收一個字符串參數,搜尋有沒有以這個參數作為名稱的Symbol值.下面利用幾個實例說明for方法的用法, ...
  19. 如何使用JavaScript中的方法將數組連接起來

    JavaScript中的reduce可以對數組中的元素進行操作返回一個新數組,也可以將多個數組拼接成一個新數組.下面利用幾個實例說明reduce方法的用法,操作如下: 工具/原料 JavaScript ...
  20. 如何利用JavaScript中的switch-case語句取值

    JavaScript中的switch-case語句和if-else if-else語句類似,不過switch-case語句後需要加上break.EasyUI中的datebox是顯示日期組件,下面利用一 ...