JavaScript數組 - 屬性

2021-01-07 web分享

數組的屬性

數組的長度:

arr.length 訪問數組元素的個數

注意:length屬性,不是只讀的,是可以設置的

舉個小例子:

運行的效果:

我們做這樣一個操作

運行效果如下

這就是數組的屬性

數組的遍歷

在學習數組遍歷之前,我們先來回顧一下剛剛所提的數組的訪問,數組元素的訪問和賦值,都是通過數組的下標來完成的。下標就是索引,即為元素的序號,從0開始。

下標最大取值:數組的長度(length)- 1

舉個小例子:

1+2,所以下標為3,運行效果為第三個元素40

for循環的遍歷

數組的遍歷一般和循環結合使用,JS中數組和循環是絕配

我們舉兩個例子來看如何使用:

1.以下為通過循環給數組的每個元素賦值,賦成下標的平方

運行結果為

2.以下為通過循環給數組的每個元素賦值,隨機數

(隨機數:Math.random(); 可以隨機0到1之間任意的數)

運行結果如下

以上是通過for循環來進行的遍歷

for…in循環的遍歷

我們舉個與for對比的例子來看一下

首先用for來輸出下面的三個單詞

運行效果如下

再來用for…in來輸出一下,for…in為快速遍歷,它會將每一個元素從頭到尾進行遍歷

for…in的格式

編寫一下上面的那個例子:

運行效果與上面用for運行的相同

注意:

for…in比for循環的效率要高,因為for循環每次循環結束都需要進行條件判斷,而for…in直接從頭遍歷到尾,不需要條件判斷。

- End –

--- web分享,分享的不只是web

相關焦點

  • 每日一課 | JavaScript中的數組
    JavaScript中的數組具有length屬性,該屬性返回該數組的大小。,並且未在數組中添加任何元素。 1)同時聲明和填充數組var array=[10,20,30];console.log(array);2)使用數組構造函數聲明數組:在此方法中,我們使用數組構造函數聲明數組,然後使用索引填充此數組。
  • JavaScript:學會splice()數組操作
    使用javascript數組類型內置的splice方法僅需一行代碼即可輕鬆實現對數組元素進行插入、刪除、替換操作。方法名:Array.prototype.splice(index,count[,elm1,elm2...n])使用Array類型的splice方法可以對數組元素進行插入、替換、刪除。
  • JavaScript 數組操作函數總結
    注意如果參數也是數組的話,則是將全部數組當做一個元素壓入到原本的數組裡面去。pop() 函數則每次只會彈出結尾的元素,並返回彈出的元素,若是是對空組數調用 pop() 則返回undefined。如下示例,我們將創建一個數組,並把一個元素添加到數組的開頭,並返回數組的新長度:code123456789<script type="text/javascript">var arr = new Array()
  • 如何在 JavaScript 中等分數組
    將數組分為兩個相等的部分我們可以分兩步將數組分成兩半:使用length/2和Math.ceil()方法找到數組的中間索引使用中間索引和Array.splice()方法獲得數組等分的部分Math.ceil() 函數返回大於或等於一個給定數字的最小整數。
  • Javascript中的數組
    2、數組的定義在Javascript中,數組一共有兩種定義方式:① 隱式創建var 數組名稱 = [數組元素1,數組元素2,數組元素3…];② 直接實例化var 數組名稱 = new Array(數組元素1,數組元素2,數組元素3…);var 數組名稱 = new Array(3); 這個定義方式不推薦使用
  • 七天學會javascript第一天javascript介紹
    javascript介紹javascript數據類型javascript運算符javascript對象javascriptjavascript :客戶端編程。javascript是由客戶端去解釋運行的。怎麼引入javascript 呢?
  • JavaScript的Array數組類型
    一、創建數組創建數組的基本方式用兩種。第一種是使用Array構造函數。如下:var colors = new Array();如果預先知道數組要保存的項目數量,也可以給構造函數傳遞該數量,而該數量會自動變成length屬性的值。
  • 15個必須知道的JavaScript數組方法
    原文 | https://www.ibrahima-ndaw.com/blog/15-must-known-javascript-array-methods-in
  • 12 個非常有用的 JavaScript 技巧
    作者: Caio Ribeiro Pereira轉載自:W3CPlus http://www.w3cplus.com/javascript/12-extremely-useful-hacks-for-javascript.html 譯者: 大漠在這篇文章中將給大家分享12個有關於JavaScript的小技巧。
  • 關於 JavaScript 的數組隨機排序
    (點擊上方藍字,快速關注我們)作者:oldjblog.oldj.net/2017/01/23/shuffle-an-array-in-javascript
  • Javascript一維數組和對象數組排序方案
    如果這個參數被省略,那麼數組中的元素將按照ASCII字符順序進行排序。如:var arr = ["a", "A", "c", "B"];arr.sort();console.log(arr); // ["A", "B", "a", "c"]注意:sort() 方法在在原數組上進行排序,不生成副本。
  • JavaScript
    2.1997 年,ECMA (歐洲計算機製造商協會),制定出客戶端腳本語言的標準:ECMAScript,統一了所有客戶端腳本語言的編碼方式 javascript組成: 1、ECMAscript javascript的語法(變量、函數、循環語句等語法) 2、DOM 文檔對象模型 操作html和css的方法 3、BOM 瀏覽器對象模型 操作瀏覽器的一些方法
  • 20個常用的JavaScript簡寫技巧
    我們可以使用數組解構賦值來交換兩個變量。 7. 箭頭函數 參考:JavaScript Arrow function https://jscurious.com/javascript-arrow-function/ 8.
  • JavaScript DOM 編程
    <html>  <head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    <title>Untitled Document</title>    <script type="text/javascript
  • JavaScript 基礎:「21」使用 push()和pop()方法操作數組
    歡迎關注路條編程網站,本專題主要介紹 JavaScript 基本語法、注釋、變量聲名、各種運算符、字符串、數組及條件語句等。
  • 新特性for-of循環,讓javascript程序語言重獲超強生命力
    在ES6中,新增特性for-of循環,javascript程序語言在for循環方面,功能更加豐富強大,重獲超強生命力!在計算機發展過程中,計算機程式語言一直被視為計算機硬體的靈魂。作為前端編程的主流程式語言,javascript語言也不例外。在javascript程序語言,新增特性for-of循環,讓循環更加簡潔直接,功能更加豐富多樣。克服了for-in循環和forEach循環的不足,給javascript語言帶來了新的活力。在本例中,定義了一個for_ofloop函數,在該函數內定義可兩個變量,一個為字符串ForArray,和一個數組forArray。
  • JavaScript 數組中 Slice 和 Splice 的區別(含視頻)
    其實可以從這個方法的名字看出來,它是用於從一個 JavaScript 數組中提取元素。不過和切蛋糕不同,從數組中提取元素不會影響原數組,原數組根本就不會變化(像是切不完的蛋糕!)要點:1、返回新數組,而原數組保持不變2、如果沒有指定  end  元素,那麼切分的數組包含從
  • JS幾種數組遍歷方式總結
    如果單純的想獲取對象的屬性名,js有原生的Object.keys()方法(低版本IE不兼容),返回一個由對象的可枚舉屬性名組成的數組:let arr = ["a", "b", "c"];console.log(Object.keys(arr)); let anObj = { 100: 'a', 2: 'b', 7: 'c' };console.log
  • js數組常用的幾個函數總結
    javascript中,數組是很常用的。數組的函數很多,下面分享幾個常用的數組函數。每個函數都用瀏覽器測試過。     下面每個測試結果都是在google瀏覽器console上執行的。length屬性。數組的length屬性,返回數組的元素個數.JavaScript使用一個32位整數,保存數組的元素個數。
  • 最強大、最牛逼的javascript視頻免費發布啦
    是一門非常強大的腳本語言,應用的範圍非常廣泛,每一個web開發者學好javascript也是必須的,本套視頻教程詳細的講解了javascript各個知識點、關鍵點,其中涉及到高深的函數概念、原型概念、接口概念、單體概念、更是詳細的講解了javascript設計模式。 本