1. 程式人生 > >javascript splice()函式

javascript splice()函式

以前並不是很關注splice()函式,今天仔細的研究了一下,也參考網上的例項,splice()函式很強大

,但是實際用到恐怕不是那麼常用,總之說不定用到,多學有益。(用來插入,刪除,替換陣列元素。)

處理陣列的方法很多,javascript splice()算是最強大的了,它可以用於插入、刪除或替換陣列的元素。下面來一一介紹! 


1.刪除-用於刪除元素,兩個引數,第一個引數(要刪除第一項的位置),第二個引數(要刪除的項數) 
2.插入-向陣列指定位置插入任意項元素。三個引數,第一個引數(其實位置),第二個引數(0),第三個引數(插入的項) 

3.替換-向陣列指定位置插入任意項元素,同時刪除任意數量的項,三個引數。第一個引數(起始位置),第二個引數(刪除的項數),第三個引數(插入任意數量的項) 

var lang = ["php","java","javascript"]; 
//刪除 
var removed = lang.splice(1,1); 
alert(lang); //php,javascript 
alert(removed); //java ,返回刪除的項 
//插入 
var insert = lang.splice(0,0,"asp"); //從第0個位置開始插入 
alert(insert); //返回空陣列 
alert(lang); //asp,php,javascript 
//替換 
var replace = lang.splice(1,1,"c#","ruby"); //刪除一項,插入兩項 
alert(lang); //asp,c#,ruby ,javascript


alert(replace); //php,返回刪除的項 

相關推薦

javascript splice()函式

以前並不是很關注splice()函式,今天仔細的研究了一下,也參考網上的例項,splice()函式很強大 ,但是實際用到恐怕不是那麼常用,總之說不定用到,多學有益。(用來插入,刪除,替換陣列元素。) 處理陣列的方法很多,javascript splice()算是最強大的了

JavaScript splice() 方法

art document geo 刪除 iam scrip var 一個 arr 參考:http://www.w3school.com.cn/jsref/jsref_splice.asp 例子 1 在本例中,我們將創建一個新數組,並向其添加一個元素: <script

JavaScript常用函式總結

 最近正在學習js語法,講到函式這一塊內容,感覺有些細節還是挺有用的,所以發文總結一下。      javascript這門語言本身就是一種弱型別語言,它不和像java, c ,c#等等這些語言一樣,在宣告變數和方法的時候不需要對齊進行指定資料型別的修飾,

JavaScript節流函式

var throttle = function(fn, delay, mustRunDelay){ var timer = null; var start; // 這裡是利用一個閉包來儲存變數,避免汙染全域性變數 return function(){

深入理解Javascript箭頭函式中的this

今日頭條:https://m.jb51.net/article/105340.htm 新增連結描述 ES6標準新增了一種新的函式:Arrow Function(箭頭函式)。那麼下面這篇文章主要給大家介紹了箭頭函式中this的相關資料,有需要的朋友可以參考借鑑,下面來一起看看吧。 首先我們先看

Javascript學習---函式繫結bind()

函式繫結 在前面我們已經知道setTimeout()很容易就會丟失this,看下面的例子: let user = { firstName: "John", sayHi() { alert(`Hello, ${this.firstName}!`); } }; setTimeo

Javascript學習---函式內建方法call/apply

Javascript預設為每個函式提供了call()和apply()用來設定函式的上下文物件 call() call()方法的具體語法內容如下: func.call(context, arg1, arg2, ...) 其中context是上下文物件;arg1,arg2,...是函式fun

Javascript學習---函式物件

我們已經知道Javascript裡的值都有對應的型別,函式始終特殊的值,它的型別是物件 name屬性 函式物件包含一些可用的物件,例如name屬性 function sayHi() { alert("Hi"); } alert(sayHi.name); // sayHi 顯然,na

JavaScript函式的相關操作

下面簡要總結JavaScript中關於函式的相關內容: 1.函式 函式即函式物件。一般有return語句,若無,預設返回undefined。 2.函式建立方式:函式宣告和函式表示式。函式宣告會被前置,無論在指令碼哪個位置,都會提前處理,任何位置處呼叫都可。而函式表示式則相反,能否成功呼叫

揭祕JavaScript命名函式表示式

本文將從原理和實踐兩個方面來探討javaScript關於命名函式表示式的優缺點。 簡單的說,命名函式表示式只有一個使用者,那就是在Debug或者Profiler分析的時候來描述函式的名稱,也可以使用函式名實現遞迴,但很快你就會發現其實是不切實際的。當然,如果你不關注除錯,那就沒什麼可擔心的了

深入學習JavaScript函式作用域與塊作用域

  我們將作用域比作氣泡,一層巢狀一層,每一個氣泡裡面都可以放置識別符號(函式,變數)的定義,這些氣泡在書寫階段就已經確定了。   但是,究竟是什麼生成了一個新的氣泡,只有函式能夠生成氣泡嗎?JavaScipt中的其他結構能生成作用域氣泡嗎? 1.1  函式中的

JavaScript函式(定義與解析、匿名函式函式傳參、return關鍵字)和陣列(操作資料的方法、多維陣列、陣列去重)

函式 函式就是重複執行的程式碼片。 1、函式定義與執行 <script type="text/javascript"> // 函式定義 function aa(){ alert('hello!'); } // 函式執行

JavaScript隨機數函式,隨機整數函式,random()

<script> document.write(parseInt(10*Math.random()));  //輸出0~10之間的隨機整數 document.write(Math.floor(Math.random()*10+1));  //輸出1~10之間的隨機整數 fun

javascript匿名函式的理解(透徹版)

源連結: http://www.cnblogs.com/chenxianbin89/archive/2010/01/28/1658392.html 網上很多解釋,我無法理解,我想知道原理。。。這篇文章應該可以透徹一點   Query片段:

Javascript箭頭函式的優勢在哪裡

譯者按: 看上去只是語法的變動,其實也影響了this的作用域。 原文: JavaScript: Arrow Functions for Beginners 譯者: Fundebug 為了保證可讀性,本文采用意譯而非直譯。 本文我們介紹箭頭(ar

javascript函式的四種呼叫方式

 函式的四種呼叫方式如下: (1)函式呼叫模式 (2)方法呼叫模式 (3)構造器模式 (4)上下文模式 1. 函式呼叫 模式 要呼叫,就肯定要先定義,函式的定義方式: 宣告式: function fuc() {} 表示式式: var func = function() {}; Fu

JavaScript sort函式

預設排序法則: 按照String型別ASCII碼大小排序   如果要倒序排序,我們可以把大的數放前面: var arr = [10, 20, 1, 2]; arr.sort(function (x, y) { if (x < y) { return 1;

深入解析JavaScript 五大函式之奧祕

在 JavaScript 中有一些問題會被拿出來經常討論,這些問題每個人都有不同的思路,想要理解這些問題,最好的方法就是自己實現一遍,廢話不多說,直接進入正題!!! 陣列扁平化 陣列扁平化有很多方法,但最終最好的方法就是遞迴,實現一個指定深度的扁平化方法,這樣基本的套路都

JavaScript鉤子函式和AOP

原文:https://blog.csdn.net/shuixiou1/article/details/82013207 廢話不多說,直接上demo <!DOCTYPE html><html><head><meta charset="UTF-8">

深入javascript——建構函式和原型物件

  常用的幾種物件建立模式 使用new關鍵字建立 最基礎的物件建立方式,無非就是和其他多數語言一樣說的一樣:沒物件,你new一個呀! var gf = new Object(); gf.name = "ta