JavaScript 基礎:「21」使用 push()和pop()方法操作數組

2021-03-02 路條編程

歡迎關注路條編程網站，本專題主要介紹 JavaScript 基本語法、注釋、變量聲名、各種運算符、字符串、數組及條件語句等。通過學習 JavaScript 算法及數據結構這一系列文章，你將會逐步掌握 JavaScript 基礎相關的知識。

使用 push()和pop()方法操作數組。

使用 push() 方法可向數組的末尾添加一個或多個元素，並返回數組新的長度。
array.push(element1,element2,....,elementn)
element1：必需，要添加到數組的第一個元素。element2：可選，要添加到數組的第二個元素。
var arrNames = new Array(3)    arrNames[0] = "張三";    arrNames[1] = "李四";    arrNames[2] = "王五";   console.log( arrNames.push("趙六"));    console.log( arrNames); 
   (4) ["張三", "李四", "王五", "趙六"]   以上代碼輸出數組長度為 4， 表示新增元素後數組的長度，數組內容最後為新增元素 「趙六」。 使用 pop() 方法用來「拋出」一個數組末尾的值。可以把這個「拋出」的值賦給一個變量存儲起來。換句話說就是 pop() 方法移除數組末尾的元素並返回這個元素。
var cityArr = ["北京","杭州","上海"];var city = cityArr.pop();console.log(city); console.log(cityArr); 
重要提示：完整代碼查看及下載，請訪問  https://github.com/icoderoad/javascript-algorithms-and-data-structures。
今天就講到這裡，如果有問題需要諮詢，大家可以直接留言或掃下方二維碼關注公眾號。也可以添加 happyzjp 微信受邀加入學習社群，我們會盡力為你解答。
作者：路條編程（轉載請獲本公眾號授權，並註明作者與出處）

相關焦點

  • JavaScript 數組操作函數總結
    這裡總結到的 js 數組操作函數有：push，pop，join，shift，unshift，slice，splice，concat（1）push 和 pop這兩個函數都是對數組從尾部進行壓入或彈出操作。push(arg1,arg2,...)可以每次壓入一個或多個元素，並返回更新後的數組長度。
  • JavaScript數組 - 棧和隊列方法
    棧是古代的木盆，相當於現在的洗衣機；從同一個口進並且從同一個口出如果要洗衣服拿出最底面的衣服必須要先拿出上面的衣服才可以棧方法也是一樣，先進後出1.push();格式：數組.push( 若干元素 );功能：給數組末尾添加元素參數：我們要添加的參數，參數的個數隨意舉個小例子：運行結果如下
  • 匯總一:Javascript數組的操作方法都有哪些,如何使用?
    數組是JS中重要的數據類型，但是要用好這個數據類型的運用，關鍵在於如何使用數組的方法，對數據進行靈活、準確、高效的處理。數組的操作方法基礎方法有splice、push和unshift、pop和shif、reverse、sort，更進階的方法有slice、concat、toString、split和join，下面從基礎的splice函數開始，一點點拿下數組。
  • JavaScript中原生Array數組方法詳解
    2.some（），every（）這兩個方法類似「斷言」（assert），返回一個布爾值，表示判斷數組成員是否符合某種條件。對於foreach，同樣接受一個包含值，索引和數組的變量函數作為參數，而且也可以指定上下文中的這一點。有些方法是只要一個成員的返回值是真，則整個某些方法的返回值就是真實的，否則返回假。
  • JavaScript:學會splice()數組操作
    面試的時候如果主考官讓你使用JavaScript來實現對數組元素進行插入、刪除、替換操作。
  • JavaScript 數組方法filter和reduce使用詳解
    前言在ES6新增的數組方法中，包含了多個遍歷方法，其中包含了用於篩選的filter和reduce
  • 有趣的JavaScript原生數組函數
    ，或者使用多個直接量[]，有時是首選方法。數組對象繼承自Object.prototype，對操作符返回的數組類型返回對象而不是array。然而，[]實例，數組也返回true。變量，類數組對象的實現更複雜，例如字符串對象，參數對象，參數對象不是數組的實例，但有長度屬性，並能通過索引取值，所以能像多個相同進行循環操作。在這裡，我將複習一些複製原型的方法，並探索這些方法的用法。
  • 15個必須知道的JavaScript數組方法
    它具有一些內置屬性和方法，可用於根據需要添加，刪除，迭代或操作數。並且了解JavaScript數組方法可以提升你的開發技能。在本文中，我們將介紹15種關於JavaScript的數組方法，這些方法可以幫助你正確地處理數據。注意，大多數情況下，我們將簡化作為參數傳遞的函數。1、some()此方法為參數傳遞的函數測試數組。
  • 從 JS 數組操作到 V8 array.js
    開始本篇正文吧🉑Array基礎要想手寫數組方法，先補一補基礎，得先會使用它們api創建一個數組   //字面量            let demo = [1, 2, 3]            // 構造器
  • 深入淺出 妙用Javascript中apply、call、bind
    JavaScript 的一大特點是，函數存在「定義時上下文」和「運行時上下文」以及「上下文是可以改變的」這樣的概念。是為了動態改變 this 而出現的，當一個 object沒有某個方法（本慄子中banana沒有say方法），但是其他的有（本慄子中apple有say方法），我們可以藉助call或apply用其它對象的方法來操作。
  • 【每天一題】PHP中常用的數組操作方法筆記整理
    PHP中擁有傳統的array數組結構,並且隨著版本的升級也在不斷改進,比如從php5.4起可以使用短數組定義語法、我們文中會講到,下面就來看一下PHP中常用的數組操作方法筆記整理:概述要訪問一個變量的內容，可以直接使用其名稱。
  • Vue全家桶之Vue數組變更方法和替換數組
    $set(vm.list, 1, '西紅柿');數組變更方法和替換數組我們知道由於 JavaScript 的限制，Vue 不能檢測數組和對象的變化。當你直接修改了對象屬性的值，會發現只有數據改了，頁面內容沒有更新 ，變更數組方法即保持數組方法原有功能不變的前提下對其進行功能拓展變更方法Vue 將被偵聽的數組的變更方法進行了包裹，所以它們也將會觸發視圖更新。
  • JS基礎知識整理-字符串和數組
    String.trim() 方法刪除字符串兩端的空白符數組 arr = [1, 2, 3]：通過索引訪問可以修改值（ 不支持負索引） arr[index]length屬性 返回數組的長度sort() 方法對數組進行排序可以在添加 參數對比函數 sort(function (a, b) {return}) 返回負數則a排在b前 0 或正數則b排在a前sort((a, b) => a
  • 如何在 JavaScript 中等分數組
    在開發中，了解 JavaScript 和 Promise 基礎，有助於提高我們的編碼技能，今天，我們一起來看看下面的 10 片段，相信看完這 10 個片段有助於我們對 Promise 的理解。在本教程中，我們來學習一下如何使用Array.splice()方法將數組等分，還會講一下，Array.splice() 和 Array.slice() 它們之間的不同之處。1.
  • 聊聊JavaScript數組對象Array的用法
    今天和大家學習一下JavaScript的數組對象Array的用法。1、join（參數）：表示將數組中的元素按照指定的分隔符拼接為字符串小慄子：var arr = [1,2,3,4,5];arr.join("#") 輸出內容為："1#2#3#4#5"2、push()方法：表示向數組的末尾添加一個或更多元素
  • JavaScript Array對象
    array.lastIndexOf(item,start)map()通過指定函數處理數組的每個元素，並返回處理後的數組。array.map(function(currentValue,index,arr), thisValue)pop()刪除數組的最後一個元素並返回刪除的元素。array.pop()push()向數組的末尾添加一個或更多元素，並返回新的長度。
  • 程式設計師必須掌握的 12 個 JavaScript 技能!
    無論你的開發水平如何，理解 JavaScript 的基礎概念都尤為重要。本文將與大家分享 12 個實用的 JavaScript 技能，未來我也將在 Github 的 JS Tips&Tidbits 倉庫（https://github.com/nas5w/javascript-tips-and-tidbits）中持續更新此概念列表。
  • 程序江湖事——數組,JS中的無冕之王
    五首之一——JavaScript今天我們借javascript這個好漢介紹一下它的內功的強悍之處，javascript中數組是最常用的對象之一，由於JavaScript弱類型的原因數組說到底還是操作數據，那就避不開四大功能——增刪改查，增——數組中添加數據；刪——從數組中刪除數據；改——將數組中的數據改變；查——讀取數組中的數據。
  • 從數組中添加和刪除元素-初級web前端工程師必學
    有兩個方法可以為數組添加元素： push() 和 unshift()。也可以使用數組的 length 屬性為數組添加元素， 但 push() 方法看起來更直觀：let nums = [1,2,3,4,5];console.log(nums); // 1,2,3,4,5nums[nums.length] = 6;console.log
  • 使用HTML5和Javascript設計繪圖程序
    這裡我們要對4個滑鼠的相關事件進行編碼，並且要編寫兩個相關的方法addClick和redraw。addClick方法記錄滑鼠移動的點，而redraw方法則將已記錄的數據點在canvas畫布中繪畫出來。，分別用四個不同的變量表示，並且用變量curColor保存當前正在使用的顏色，並且也用一個數組clickColor來記錄用戶每次選擇的顏色。