1. 程式人生 > >JavaScript的常用方法-基礎

JavaScript的常用方法-基礎

1.string物件:字串其實使用陣列來實現的
    1)charAt(index) : 獲取索引index處的字元
    2)str.indexOf(字串) : 獲取字串在str中首次出現的位置,若不存在返回-1
    3)lastIndexOf(字串):獲取字串在str中最後一次出現的位置,若不存在返回-1
    4)str.split(c) : 使用字串c將str分隔為陣列。
    5)toLowerCase() : 將字串轉換為小寫
    6)toUpperCase() : 將字串轉換為大寫
    7)substring(start) : 擷取字串,從start開始到最後
    8)substring(start,end) : 擷取字串,從start開始到end結束
   var s = "hello world!!hello javascript!!";
   //1.獲取第5個位置的字元
   //charAt(index)
   var c = s.charAt(4);
   console.log(c);
   
   //2.indexOf
   var index = s.indexOf("hello");
   console.log("indexOf : " + index);
   
   //3.lastIndexOf
   var lastIndex = s.lastIndexOf("hello");
   console.log("lastIndexOf : " + lastIndex);
   
   //4.split
   var data = "2;3;4;8;12;8";
   var arr = data.split(";");
   console.log(arr);
   
   //5.toLowerCase
   var str = "HaaELLO WORLD";
   var newStr = str.toLowerCase();
   console.log(newStr);
   
   //6.toUpperCase
   var s1 = "hello world!!,hELLO javascript";
   var newS1 = s1.toUpperCase();
   console.log(newS1);
   
   //7.substrin(start);
   var ss = newS1.substring(5);
   console.log(ss);
   
   //8.substrin(start,end);
   var ss = newS1.substring(5,10);
   console.log(ss);



2.日期物件:
        js中的日期物件是根據java中的 java.util.Date 來實現的。
        1)建立日期的方式:
            [1] 當前日期:
                    var date = new Date();
            [2] 建立指定的日期:
                    var date = new Date(自1970-1-1到現在的毫秒數);

  //建立當前日期
   var date = new Date();
   console.log(date);
   //建立指定的日期
   var date = new Date(111111111111111);
   console.log(date);


2)日期物件中常用的方法:
    [1] getFullYear() : 獲取年
    [2] getMonth() :  獲取月
    [3] getDate()  : 獲取日
    [4] getDay() : 獲取每週的第幾天
    [5] getHours() : 獲取小時
    [6] getMinutes() : 獲取分鐘
    [7] getSeconds() : 獲取秒
    [8] toLocaleString() : 根據系統時間的格式,將日期物件轉換為日期字串


   //建立當前日期
   var date = new Date();
   console.log(date);
   //建立指定的日期
   var date = new Date(111111111111111);
   console.log(date);
   
   var date = new Date();
   //1.獲取年:
   var year = date.getFullYear();
   console.log("year:" + year);
   //2.獲取月
   //注意:老外預設月份從0開始
   var month = date.getMonth() + 1;
   console.log("month:" + month);
   //3.獲取日
   var day = date.getDate();
   console.log("day:" + day);
   //4.獲取周
   //注意:老外 每週 從 0(週日) - 6 (週六)
   var week = date.getDay();
   if(week == 0) {
       week = "日";
   }
   console.log("week:" + week);
   //5.獲取小時
   var hour = date.getHours();
   console.log("hours:" + hour);
   //6.獲取分鐘
   var mins = date.getMinutes();
   console.log("mins:" + mins);
   //7.獲取秒
   var seconds = date.getSeconds();
   console.log("seconds:" + seconds);
   // yyyy-MM-dd HH:mm:ss 周X
   var dateStr = year + "-" + month + "-" + day + " " + hour + ":" + mins + ":" + seconds
       + " 周" + week;
   console.log(dateStr);
   
   var dateStr = date.toLocaleString();
   console.log(dateStr);


                
3.math 物件
    [1] ceil(num) : 向上取整(捨棄小數位 ,然後+1)
    [2] floor(num) :向下取整(捨棄小數位)
    [3] round(num) : 四捨五入
    [4] max(num1,num2,num3,....) : 獲取數列中的最大值
    [5] min(num1,num2,num3,....) : 獲取數列中的最小值
    [6] random() : 獲取0(包含)-1(不包含)的隨機小數

   var num = 2.2;
   //ceil:
   var n = Math.ceil(num);
   console.log("ceil:" + n);
   //floor:
   var n = Math.floor(num);
   console.log("floor:" + n);
   //round:
   var n = Math.round(num);
   console.log("round:" + n);
   //max :
   var max = Math.max(1,5,23,5,6,7,23,223,67);
   console.log("max:" + max);
   //min
   var min = Math.min(1,5,23,5,6,7,23,223,67,-1,3,-44);
   console.log("min:" + min);
   //產生[0-10]的隨機整數
   var num = parseInt(Math.random() * 11);//[0-1)
   console.log(num);
   //產生 [10-20]的隨機整數
   var num = parseInt(Math.random() * 11) + 10;
   console.log(num);




4.自定義物件

     1) 物件:物件就是一種引用資料型別;物件屬性和方法的容器。
    2) 屬性 : 用於描述物件的特點
        變數和屬性的關係?
        變數和屬性其實是一碼事,變數在物件中被定義,那麼稱之為屬性。
    3) 方法 : 用於描述物件的行為
        函式 和 方法的關係?
        方法和函式其實是一碼事,函式在物件中被定義,那麼稱之為方法。
    4)物件的建立:
        [1] 最原始的建立方式:
            ① 建立物件:
                    var 物件名稱 = new Object();
            ② 新增屬性:
                    物件.屬性 = 值;//相當於在物件中,定義並初始化了一個變數
            ③ 使用屬性:
                    物件.屬性
            ④ 新增方法:
                    物件.方法名 = function(引數列表) {//相當於在物件中新增一個函式
                            return 返回值;
                     }
            ④ 呼叫方法:
                    物件.方法(引數列表)

   //第一種:建立物件
   var obj = new Object();
   console.log(obj);
   console.log(typeof obj);
   //新增屬性:隨便新增任何屬性
   obj.name = "zhangsan";//物件中添加了一個變數,叫做name
   obj.age = 23;
   obj.sex = "男";
   console.log(obj);
   //使用屬性:
   var name = obj.name;//從變數中獲取值
   console.log("name:" + name);
   
   //新增方法:隨便新增任何方法
   obj.show = function() {
       alert("我是show方法");
   }
   console.log(obj);
   //呼叫方法:
   obj.show();



        [2] 建構函式:類似於java中的類的概念,對一類事物的描述
            事物的描述:使用屬性和方法來描述事務的特性和行為
            //引數列表:用來初始化屬性
            function 建構函式名稱(引數列表) {
                //定義屬性
                this.屬性 = 值;
                this.屬性 = 值;
                。。。
                //定義方法
                this.方法名稱 = function(引數列表) {
                    return 返回值;
                }
            }
            注意:this代表當前物件
            建立物件:
                var 物件 = new 建構函式(引數列表);

  
//第二種:建構函式
   //ECMA6 使用 class
   function Person(personName,age,sex) {
       this.personName = personName;
       this.age = age;
       this.sex = sex;
       this.show = function() {
          alert(this.personName + ";" + this.age + ";" + this.sex);
       }
   }
   //建立物件
   var person = new Person("李四",55,"男");
   console.log(person);
   //呼叫方法:
   person.show();
   //使用屬性
   alert(person.personName);


            

        [3] 使用 {} 建立物件:只要在js中看到{}的變數,那麼肯定是物件
            var 物件 = {
                //定義屬性
                屬性名稱 : 屬性值 ,
                屬性名稱 : 屬性值 ,
                屬性名稱 : 屬性值 ,
                。。。
                //定義方法
                方法名稱:function(引數列表) {
                    return 返回值;
                } ,
                方法名稱:function(引數列表) {
                    return 返回值;

                } ,
                ....
            }

  //第三種:使用{}建立物件
   var obj = {};//空物件
   console.log(obj);
   //建立有屬性有方法的物件
   //可以稱之為名值對
   var obj = {
       name : "zhangsan",
       age : 44,
       sex : "man",
       email : "[email protected]",
       show : function() {
          //方法中的this:就是當前物件
          alert(this.name + ";" + this.age + ";" + this.sex + ";" + this.email);
       },
       haha : function() {
          alert("哈哈方法")
       }
   };
   console.log(obj);
   //呼叫方法
   obj.show();
   obj.haha();
   //使用屬性
   alert(obj.name)






觀眾器者為良匠,

觀眾病者為良醫。

願你登高望遠

相關推薦

JavaScript常用方法-基礎

1.string物件:字串其實使用陣列來實現的     1)charAt(index) : 獲取索引index處的字元     2)str.indexOf(字串) : 獲取字串在str中首次出現的位置

JavaScript 常用方法總結

onload ase move 1.7 component tac typeof 小白 ie 8 var BrowserInfo = {userAgent: navigator.userAgent.toLowerCase()isAndroid: Boolean(naviga

javascript常用方法函式收集

獲取設定css樣式 /* el, 獲取樣式的元素 attr, 對應的樣式 value 對應的值 */ function css(el,attr,val){ if(val === undefined){//如果val沒有傳,說明想要獲取樣式

0004-JavaScript常用方法

使用ES6風格,變數宣告多用let const。 1、獲取URL絕對路徑(去掉域名與引數) function getUrlAbsolutePath() {     const url = location.href, arrUrl = url.split("//"),

javascript常用方法

1.Json物件日期處理: (Json日期格式:Date(1316756746000)/',轉換後格式:yyyy-MM-dd) function ChangeDateFormat(jsondate) { jsondate = jsondate.replace(

Javascript基礎篇】—--原型物件(prototype)的三個常用方法

【前言】     每一個函式都有自己的prototype屬性,而該屬性所儲存的是原型物件。在上一篇中我們講解了通過原型物件動態新增屬性,結果我們介紹原型物件的三個常用方法。 【內容】 原型方法:  ①

Javascript - Jquery - 常用方法

一次 出現 屬性節點 posit 查找 布爾 nbsp 上一個 log 常用方法(Common Method) 類名 方法 addClass(className) className是css類名,為該對象指定或增加一個類名,返回該對象。 removeClass(c

Javascript - ExtJs - 常用方法和屬性

taf 事件處理 代數 調用 lap ont .cn view html模板 常用方法和屬性(Common methods and attributes) 獲取 get(x) x是元素的ID || dom元素對象 || ExtElement對象 將參數所指轉化為Ex

javascript字符串屬性及常用方法總結

ring 方法總結 search lower 指定 you 數組 參數 world length屬性:str.length; 常用方法: 1. str.charAt(n) 查找字符串中的第n個字符,如果不在0~str.length-1之間,則返回一個空字符串 2 .st

初識多線程之基礎知識與常用方法

splay 線程與進程 -- 實現 class png sleep .com code 1.線程與進程的描述: 1.1進程:每個進程都有獨立的代碼和數據空間(進程上下文),進程間的切換會有較大的開銷,一個進程包含1~n個線程。(進程是資源分配的最小單位)   1.2線程:

【RegExp】JavaScript中正則表達式判斷匹配規則以及常用方法

返回 空字符串 tro true 正則表達式 str 本地 大小 表示範圍 字符串是編程時涉及到的最多的一種數據結構,對字符串進行操作的需求幾乎無處不在。 正則表達式是一種用來匹配字符串的強有力的武器。它的設計思想是用一種描述性的語言來給字符串定義一個規則,凡是符合規則的字

javascriptJavaScript數組常用方法

map return 函數調用 turn 就會 開頭 滿足 函數 沒有 JavaScript數組常用方法 一、數組創建 1.(1)使用Array創建數組: 1 var arr1 = new Array(); //創建一個空數組 2 var arr2 = new Array

iOS開發基礎:OC數組對象NSArray的常用方法

indexof c語言 super main sset spa -- arr 初始 本文介紹了OC的數組對象的基本方法的使用: 因為OC的數組中存儲的為對象類型,所以我們可以新建一個Person類,通過Person生成對象進行操作。 其中Person.h中的代碼為: [o

python基礎---字符串常用方法匯總

join方法 blog git .... 連接 isspace [0 fill 小寫字母 s3 = ‘123‘s2 = ‘ ‘s1 = ‘This Is \t Cash‘s=‘abcdefghijklmnopqrstuvwxyz‘s4 = "0000000this is

javascript中Array類型常用方法

urn 字符 長度 splice ear 位置 調用 each 使用 方法總覽: instanceOf Array.isArray() toString() join() push() pop() shift() unshift() splice() concat() s

介紹JQuery的基礎常用方法$()

數組 兄弟節點 例子 index bbc $() mage cto 技術分享 介紹JQuery的基礎常用方法$() 1. has()包含的意思舉例:第一個div包含了span,第二個沒有包含&

java基礎——String的常用方法

小寫 equals char getchar ignorecas con rim 所有 reg java中String的常用方法 1、length() 字符串的長度    例:char chars[]={‘a‘,‘b‘.‘c‘};      String s=new Str

MUI常用腳本及原生JavaScript常用操作元素方法

html元素 元素 div blog () 單擊 pos post mui 1、mui元素轉換html元素 var obj=mui("#id")[0]; 2、事件綁定 var btn = document.getElementById("login"); btn.

Javascript字符串常用方法詳解

cti cas substr ace spa sea clas ron earch 字符串 字符串就是一個或多個排列在一起的字符,放在單引號或雙引號之中。 ‘abc‘"abc" length屬性 js裏的字符串類似於數組,都是一個一個字符拼湊在一起組成的,因此可以用leng

Python基礎4—常用方法

類型 計算 PC deep hex 數據 空間 epc rep 1、type(x)        查看數據x的數據類型,返回值是x的數據類型 2、id(x)         查看x在內存的地址,返回值是x的地址 3、copy.deepcopy(list1)   復制括號內