07-常用內置對象

来源:https://www.cnblogs.com/897463196-a/archive/2019/09/03/11456372.html
-Advertisement-
Play Games

數組Array 1.數組的創建方式 字面量方式創建： 使用構造函數的方式創建（使用new關鍵字對構造函數進行創建對象） 2.數組的賦值 3.數組的常用方法 3.1 concat：把幾個數組合併成一個數組 3.2 join：將數組中的元素使用指定的字元串連接起來，他會形成一個新的字元串 3.3 將數組 ...


數組Array                                          

1.數組的創建方式                                                 

字面量方式創建：

var colors = ['red', 'green', 'yellow'];

 

使用構造函數的方式創建（使用new關鍵字對構造函數進行創建對象）

var colors2 = new Array();

 

2.數組的賦值                                                        

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11   var color = [];
12   color[0] = 'red';
13   color[1] = 'green';
14   color[2] = 'yellow';
15   console.log(color);
16 </script>
17     
18 </body>
19 </html>

3.數組的常用方法                                                  

3.1 concat：把幾個數組合併成一個數組

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11   var north = ['北京', '山東', '天津'];
12   var south = ['東莞', '深圳', '上海'];
13   var newCity = north.concat(south);
14   console.log(newCity);
15 </script>
16     
17 </body>
18 </html>

3.2 join：將數組中的元素使用指定的字元串連接起來，他會形成一個新的字元串

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var score = [78, 89, 48, 20, 100];
12     var str = score.join('*');
13     console.log(str);
14 </script>
15     
16 </body>
17 </html>

3.3 將數組轉換成字元串toString（）

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var score = [78, 89, 48, 20, 100];
12     var str = score.toString();
13     console.log(str);
14 </script>
15     
16 </body>
17 </html>

3.4 slice（start，end）：返回數組的一段，左閉右開

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var score = [78, 89, 48, 20, 100];
12     var nscore = score.slice(1, 4);
13     console.log(nscore);
14 </script>
15     
16 </body>
17 </html>

3.5 pop：刪除數組的最後一個元素，並返回刪除的元素

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var arr = ['張三', '李四', '王文', '找六'];
12     var item = arr.pop();
13     console.log(arr);
14     console.log(item);
15 </script>
16     
17 </body>
18 </html>

 3.6 push（）：向數組末尾添加一個或多個元素，並返回新的長度

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var arr = ['張三', '李四', '王文', '找六'];
12     var item = arr.push('帥哥');
13     var item1 = arr.push('美女', '野獸');
14     console.log(arr);
15     console.log(item);
16     console.log(item1);
17 </script>
18     
19 </body>
20 </html>

3.7 reverse（）：翻轉數組

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var arr = ['張三', '李四', '王文', '找六'];
12     arr.reverse();
13     console.log(arr);
14 </script>
15     
16 </body>
17 </html>

3.8 sort（）：對數組排序

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var arr = ['張三', '李四', '王文', '找六'];
12     arr.sort();
13     console.log(arr);
14 </script>
15     
16 </body>
17 </html>

3.9 isArray（）：判斷是否為數組

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var arr = ['張三', '李四', '王文', '找六'];
12     console.log(Array.isArray(arr));
13 </script>
14     
15 </body>
16 </html>

3.10 shift（）：刪除並返回數組的第一個元素

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var arr = ['張三', '李四', '王文', '找六'];
12     var item = arr.shift();
13     console.log(arr);
14     console.log(item);
15 </script>
16     
17 </body>
18 </html>

3.11 unshift（）：向數組的開頭添加一個或多個元素，並返回新的長度

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var arr = ['張三', '李四', '王文', '找六'];
12     var lengs = arr.unshift('老大', '老二');
13     console.log(arr);
14     console.log(lengs);
15 </script>
16     
17 </body>
18 </html>

3.12 length：唯一的屬性，返回數組的長度

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var arr = ['張三', '李四', '王文', '找六'];
12     console.log(arr.length);  //4
13 </script>
14     
15 </body>
16 </html>

 

字元串String                                           

1.chartAt（）：返回指定索引位置的字元

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var str = 'xiaoshuaige';
12     var chset = str.charAt(3);
13     console.log(chset);  //o
14 </script>
15     
16 </body>
17 </html>

 

2.concat（）：返回兩個或多個字元串拼接後的字元串值

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var str1 = 'al';
12     var str2 = 'vin';
13     console.log(str1.concat(str2, str2, str2));  //alvinvinvin
14 </script>
15     
16 </body>
17 </html>

 

3.replace（a，b）：將字元串a替換成字元串b

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var str = 'alhdifjghjri';
12     var newstr = str.replace('lhdi', 'hgfhg345');
13     console.log(str);  //alhdifjghjri
14     console.log(newstr);  //ahgfhg345fjghjri
15 </script>
16     
17 </body>
18 </html>

 

4.indexof（）：查找字元串中字元的下標，找到返回字元串的下標，找不到返回-1.和search（）用法一樣

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var str = 'alhdifjghjri';
12     console.log(str.indexOf('d'));  //3
13     console.log(str.search('i'));  //4
14 </script>
15     
16 </body>
17 </html>

 

5.slice（start，end）：提取字元串的一部分，並返回一個新的字元串，左閉右開

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var str = 'alhdifjghjri';
12     var str1 = str.slice(2, 7);
13     console.log(str1);  //hdifj
14 </script>
15     
16 </body>
17 </html>

6 split('a',1) 以字元串a分割字元串，並返回新的數組。如果第二個參數沒寫，表示返回整個數組，如果定義了個數，則返回指定個數的數組

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var str = '非個人分，a已覆核給a回顧二行，返回a發黑髮';
12     var str1 = str.split('a', 2);
13     var str2 = str.split('a');
14     console.log(str);
15     console.log(str1);
16     console.log(str2);
17 </script>
18     
19 </body>
20 </html>

7.substr（start，length）：返回一個字元串從指定位置開始到指定字元數的字元

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var str = '非個人分，a已覆核給a回顧二行，返回a發黑髮';
12     console.log(str.substr(2, 7));  //人分，a已覆核
13 </script>
14     
15 </body>
16 </html>

 

8.toLowerCase（）：轉小寫

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var str = 'FUEHFEUGGRG';
12     console.log(str.toLowerCase());  //fuehfeuggrg
13 </script>
14     
15 </body>
16 </html>

 

9.toUpperCase（）：轉大寫

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var str = 'fjehgeugheg';
12     console.log(str.toUpperCase());  //FJEHGEUGHEG
13 </script>
14     
15 </body>
16 </html>

10.substring(indexStart,indexEnd) 提取字元串中介於兩個指定下標之間的字元。返回的子串包括 開始 處的字元，但不包括 結束 處的字元

  • 如果 indexStart 等於 indexEnd，substring 返回一個空字元串。
  • 如果省略 indexEnd，substring 提取字元一直到字元串末尾。
  • 如果任一參數小於 0 或為 NaN，則被當作 0。
  • 如果任一參數大於 stringName.length，則被當作 stringName.length。
  • 如果 indexStart 大於 indexEnd，則 substring 的執行效果就像兩個參數調換了一樣
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var str = 'fjehgeugheg';
12     console.log(str.substring(1, 6));  //jehge
13     console.log(str.substring(3, 3));  //
14     console.log(str.substring(-1, 8));  //fjehgeug
15     console.log(str.substring(9, 2));  //ehgeugh
16     console.log(str.substring(3));  //hgeugheg
17 </script>
18     
19 </body>
20 </html>

 

11.trim()：去除字元串兩邊的空白

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var str = ' fjehg eugheg ';
12     var str1 = str.trim();
13     console.log(str1);  //fjehg eugheg
14 </script>
15     
16 </body>
17 </html>

 

Date日期對象                                   

創建日期對象只有構造函數一種方式，使用new關鍵字

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var myDate = new Date();
12     console.log(myDate.getDate());
13     console.log(myDate);
14     console.log(myDate.getMonth() + 1);
15     console.log(myDate.toLocaleString());
16 </script>
17     
18 </body>
19 </html>

Math 內置對象                                   

1.Math.ceil()：向上取整，‘天花板函數’

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var x = 7.5343
12     var a = Math.ceil(x);
13     console.log(a);  //8
14 </script>
15     
16 </body>
17 </html>

 

2.Math.floor（）：向下取整，‘地板函數’

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var x = 7.5343
12     var a = Math.floor(x);
13     console.log(a);  //7
14 </script>
15     
16 </body>
17 </html>

 

3.求兩個數的最大值和最小值

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     console.log(Math.max(5, 2));  //5
12     console.log(Math.min(5, 2));  //2
13 </script>
14     
15 </body>
16 </html>

 

4.Math.random（）隨機數

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var ran = Math.random();
12     console.log(ran);  //0.13612615468574973
13 </script>
14     
15 </body>
16 </html>

 

計算100-300之間的一個隨機數

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>流浪者</title>
 6 
 7 </head>
 8 <body>
 9 
10 <script>
11     var ran = Math.random();
12     console.log(100 + ran*(300-100));  //215.83127756609971
13 </script>
14     
15 </body>
16 </html>

 

 

 

作者：流浪者

日期：2019-09-04


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

-Advertisement-
Play Games
更多相關文章
  • java遞歸
    遞歸：方法定義中調用方法本身 如果是方法的嵌套調用 這不是遞歸基本思想就是“自己調用自己” 一個使用遞歸技術的方法將會直接或者間接的調用自己 幾個應註意的點： 遞歸一定要有出口否則就是死遞歸 遞歸的次數不能太多 否則就記憶體溢出 構造方法不能遞歸使用 例： 遞歸求n的階乘 有一對兔子，從出生後第3個月 ...
  • Spring中老生常談的FactoryBean
    本文完整代碼地址： "https://github.com/yu linfeng/BlogRepositories/tree/master/repositories/factorybean" 和 由於在命名上極其相似，一直以來困擾了不少的開發者。 ，耳熟能詳的Spring核心介面，提供IoC容器的最 ...
  • 演算法：冒泡排序（會寫）
    package com.atguigu;public class BubbleSortTest { public static void main(String[] args) { int[] arr=new int[]{43,32,76,-98,0,64,33,-21,32,99}; //冒泡排序 ...
  • 演算法：二分法查找
    package com.atguigu;public class Main { public static void main(String[] args) { //二分法查找 //前提：所查找的數組必須有序 int[] arr=new int[]{-98,-34,2,34,54,66,79,105 ...
  • 演算法：線性查找（重點isFlag標誌）
    package com.atguigu;public class Main { public static void main(String[] args) { String[] arr=new String[]{"JJ","DD","MM","BB","GG","AA"}; //線性查找 Stri ...
  • ArrayList擴容
    ArrayList有三種初始化方式： 1.指定大小初始化 public ArrayList(int initialCapacity) 2.傳入一個Collection對象初始化，並將對象中的數據添加到ArrayList中 public ArrayList(Collection<? extends E ...
  • 演算法：數組的反轉
    package com.atguigu;public class Fanzhuan { public static void main(String[] args) { //數組的反轉 //方法一 String[] arr=new String[]{"JJ","DD","MM","BB","GG", ...
  • goroutine,channel
    Go語言中有個概念叫做goroutine, 這類似我們熟知的線程，但是更輕。 以下的程式，我們串列地去執行兩次loop函數: go package main import "fmt" func main() { loop() loop() } func loop() { for i := 0; i ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 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 ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類