每天一個JS 小demo之原生數組splice方法書寫。主要知識點:鍛煉思維邏輯能力,對於數組方法的理解和各種情況的考量

来源:http://www.cnblogs.com/catEatBird/archive/2017/06/05/6947411.html
-Advertisement-
Play Games

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head> <body><script>/** splice(start, deleteCount, data1, data2, da ...


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>

<body>
<script>
/*
* splice(start, deleteCount, data1, data2, data3...)
* */

var arr = ['a', 'b', 'c', 'd', 'e'];
//1, 3
// [8,6,4]
//['a',8,6,4]

//arr.splice(-5);
//console.log(arr);


function arrSplice(data, start, deleteCount) {
// 如果start不是數字,或不能轉成數字,start預設就為0
if (isNaN(start)) {
start = 0;
}
start = Number(start);
// 如果start是負數
if (start < 0) {
start = data.length + start;
}
if (start < 0) {
start = 0;
}

// 如果deleteCount沒傳
if (deleteCount == undefined) {
deleteCount = data.length - start;
}

/*
* 1. 準備一個空的數組,用於存放最後的結果
* 2. 迴圈源數組
* 1. 得到當前迴圈過程中的下標
* 2. 把這個下標和start做比較
* 1. 如果當前下標小於start,則把當前數組添加到新數組中
* 2. 否則
* 1. 是否有新增數據
* 1. 如果有新在數據,則把新增數據添加到新數組中
* 2. 否則,如果deleteCount大於0,忽略這個數據,並對deleteCount--
* 否則,把當前數據添加到新數組中
* */
var newArr = [];
//新增數據
var newData = [];
if (arguments.length > 3) {
for (var i=3; i<arguments.length; i++) {
// newData.push(arguments[i]);
newData[newData.length] = arguments[i];
}
}

for (var i=0; i<data.length; i++) {
if (i < start) {
// newArr.push(data[i]);
newArr[newArr.length] = data[i];
} else {
if (newData.length) {
//有新增數據的
// newArr = newArr.concat(newData);
for (var j=0; j<newData.length; j++) {
newArr[newArr.length] = newData[j];
}
newData.length = 0;
}
if (deleteCount > 0) {
deleteCount--;
} else {
// newArr.push(data[i]);
newArr[newArr.length] = data[i];
}
}
}

data = newArr;

console.log(data);
}

</script>
</body>
</html>


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 前言 上一篇對Digester做了基本介紹,也已經瞭解了Digester的基本使用方法,接下來將繼續學習其相關特性,本篇主要涉及以下幾個內容: 規則模塊預先綁定 - RulesModule介面 在此之前,我們使用Digester的基本流程都是每次在程式運行時綁定規則,然後解析; 事實上,我們可以改變 ...
  • 創建一個子類對象會不會創建父類對象? 不會,只創建了一個子類對象,但是往父類對象的構造方法里傳了子類對象的地址;給子類對象初始化的時候,調用了父類的構造方法。 證明: 結果: A==366712642 B==366712642 如果子類對象創建的同時也創建了一個父類對象,那麼父類和子類構造方法中th ...
  • 在互動式環境中輸入: 如下圖: 還是在互動式環境中: 圖片展示: 這種反射機制的用字元串來操作類的屬性和方法的三個函數並不常用。編寫框架等特殊項目是採用到。 但這時用戶仍然可以通過w._water來訪問實例屬性,封裝的不好,也不會自動檢查數據是不是浮點型,不好。 怎麼解決? 用@屬性.setter ...
  • 一.概念 反射就是把Java的各種成分映射成相應的Java類。 Class類的構造方法是private,由JVM創建。 反射是java語言的一個特性,它允程式在運行時(註意不是編譯的時候)來進行自我檢查並且對內部的成員進行操作。例如它允許一個java的類獲取他所有的成員變數和方法並且顯示出來。Jav ...
  • 單鏈表: * 1.鏈表可以是一種有序或無序的列表 * 2.鏈表的內容通常存儲在記憶體中分散的為止 * 3.鏈表由節點組成,每一個節點具有相同的結構 * 4.節點分為數據域和鏈域,數據域存放節點內容,鏈域存放下一個節點的指針 package myLinkList; public class MyLink ...
  • 在js中常常要求對時間的輸出格式進行格式化,比如 2017-01-01 10:10,比較麻煩的是月,日,小時,分。它們的格式一般要求兩位,如果小於10的話需要在前邊補0,當然這算不上什麼問題,可以通過判斷完成,比如 day = day>10?day:("0"+day);但是這樣的代碼寫多了總想寫點有 ...
  • Array 數組類 除了 Object 之外, Array 類型恐怕是ECMAScript 中最常用的類型了。而且,ECMAScript 中的數組與其他多數語言中的數組有著相當大的區別。 雖然 ECMAScript 數組與其他語言中的數組都是數據的有序列表,但與其他語言不同的是,ECMAScript ...
  • 1、Make Images Mobile Responsive 用處: 使圖片適配你的頁面寬度。 操作: 給圖片添加 .img-responsive class屬性。 2、Center Text with Bootstrap 用處: 使文本居中。 操作: 給文本添加 center-text clas ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...