常用內置對象

所謂內置對象就是ECMAScript提供出來的一些對象，我們知道對象都是有相應的屬性和方法

數組Array（部分相當于列表）

1.數組的創建方式

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

使用構造函數（后面會講）的方式創建 使用new關鍵詞對構造函數進行創建對象

var colors2 = new Array();

2.數組的賦值

var arr = []; //通過下標進行一一賦值 arr[0] = 123; arr[1] = '哈哈哈'; arr[2] = '嘿嘿嘿'

3.數組的常用方法

3.1 數組的合并?concat()
var north = ['北京','山東','天津']; var south = ['東莞','深圳','上海']; var newCity = north.concat(south); console.log(newCity) 3.2 join()?將數組中的元素使用指定的字符串連接起來，它會形成一個新的字符串
var score = [98,78,76,100,0]; var str = score.join('|'); console.log(str);//98|78|76|100|0 3.3?將數組轉換成字符串 toString()
var score = [98,78,76,100,0]; //toString() 直接轉換為字符串 每個元素之間使用逗號隔開 var str = score.toString(); console.log(str);//98,78,76,100,0 3.4 slice(start,end); 返回數組的一段，左閉右開
var arr = ['張三','李四','王文','趙六']; var newArr = arr.slice(1,3); console.log(newArr);//["李四", "王文"] 3.5 pop 移除數組的最后一個元素
var arr = ['張三','李四','王文','趙六']; var newArr = arr.pop(); console.log(newArr);//["張三", "李四"，"王文"] 3.6 push() 向數組最后添加一個元素
var arr = ['張三','李四','王文','趙六']; var newArr = arr.push('小馬哥'); console.log(newArr);//["張三", "李四"，"王文"，"趙六"，"小馬哥"]
3.7 reverse() 翻轉數組
var names = ['alex','xiaoma','tanhuang','angle']; //4.反轉數組 names.reverse(); console.log(names); 3.8 sort對數組排序
var names = ['alex','xiaoma','tanhuang','abngel']; names.sort(); console.log(names)；//?["alex", "angle", "tanhuang", "xiaoma"]

?3.9?判斷是否為數組：isArray()

布爾類型值 = Array.isArray(被檢測的值) ;

字符串String

4.1 chartAt() 返回指定索引的位置的字符

var str = 'alex'; var charset = str.charAt(1); console.log(charset);//l

4.2 concat 返回字符串值，表示兩個或多個字符串的拼接

var str1 = 'al'; var str2 = 'ex'; console.log(str1.concat(str2,str2));//alexex

4.3 replace(a,b) 將字符串a替換成字符串b

var a = '1234567755'; var newStr = a.replace("4567","****"); console.log(newStr);//123****755

4.4 indexof() 查找字符的下標，如果找到返回字符串的下標，找不到則返回-1 。跟seach()方法用法一樣

var str = 'alex'; console.log(str.indexOf('e'));//2 console.log(str.indexOf('p'));//-1

4.5 slice(start，end) 左閉右開 分割字符串

var str = '小馬哥'; console.log(str.slice(1,2));//馬

4.6 split('a',1) 以字符串a分割字符串，并返回新的數組。如果第二個參數沒寫，表示返回整個數組，如果定義了個數，則返回數組的最大長度

var str = '我的天呢,a是嘛,你在說什么呢?a哈哈哈'; console.log(str.split('a'));//["我的天呢,", "是嘛,你在說什么呢?", "哈哈哈"]

4.7 substr(statr,end) 左閉右開

var str = '我的天呢,a是嘛,你在說什么呢?a哈哈哈'; console.log(str.substr(0,4));//我的天呢

4.8 toLowerCase()轉小寫

var str = 'XIAOMAGE'; console.log(str.toLowerCase())；//xiaomage

4.9 toUpperCase()轉大寫

var str = 'xiaomage'; console.log(str.toUpperCase());

特別：

//1.將number類型轉換成字符串類型 var num = 132.32522; var numStr = num.toString() console.log(typeof numStr) //四舍五入 var newNum = num.toFixed(2) console.log(newNum)

?Date日期對象

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

//創建了一個date對象 var myDate = new Date();

?//創建日期對象
var myDate=new Date();
?????? ?
//獲取一個月中的某一天
console.log(myDate.getDate());

//返回本地時間
console.log(myDate().toLocalString());//2018/5/27 下午10:36:23

?Math 內置對象

6.1 Math.ceil() 向上取整，'天花板函數'

var x = 1.234; //天花板函數 表示大于等于 x，并且與它最接近的整數是2 var a = Math.ceil(x); console.log(a);//2

6.2 Math.floor 向下取整，'地板函數'

var x = 1.234; // 小于等于 x，并且與它最接近的整數 1 var b = Math.floor(x); console.log(b);//1

6.3 求兩個數的最大值和最小值

//求 兩個數的最大值 最小值 console.log(Math.max(2,5));//5 console.log(Math.min(2,5));//2

6.4 隨機數 Math.random()

var ran = Math.random(); console.log(ran);[0,1)

如果讓你取100-200之間的隨機數，怎么做？

背過公式：min - max之間的隨機數： min+Math.random()*(max-min)

?函數

函數：就是將一些語句進行封裝，然后通過調用的形式，執行這些語句。

函數的作用：

• 將大量重復的語句寫在函數里，以后需要這些語句的時候，可以直接調用函數，避免重復勞動。

• 簡化編程，讓編程模塊化。

console.log("hello world");sayHello(); //調用函數//定義函數：function sayHello(){console.log("hello");console.log("hello world");}

第一步：函數的定義

函數定義的語法：

function 函數名字(){}

解釋如下：

• function：是一個關鍵字。中文是“函數”、“功能”。

• 函數名字：命名規定和變量的命名規定一樣。只能是字母、數字、下劃線、美元符號，不能以數字開頭。

• 參數：后面有一對小括號，里面是放參數用的。

• 大括號里面，是這個函數的語句。

第二步：函數的調用

函數調用的語法：

函數名字();

函數的參數：形參和實參

函數的參數包括形參和實參

注意：實際參數和形式參數的個數，要相同。

sum(3,4);sum("3",4);sum("Hello","World");//函數：求和function sum(a, b) {console.log(a + b);}

函數的返回值

console.log(sum(3, 4));//函數：求和function sum(a, b) {return a + b;}

偽數組 arguments

arguments代表的是實參。有個講究的地方是：arguments只在函數中使用。

（1）返回函數實參的個數：arguments.length

例子：

fn(2,4);fn(2,4,6);fn(2,4,6,8);function fn(a,b,c) {console.log(arguments);console.log(fn.length); //獲取形參的個數 console.log(arguments.length); //獲取實參的個數 console.log("----------------"); }

結果：

（2）之所以說arguments是偽數組，是因為：arguments可以修改元素，但不能改變數組的長短。舉例：

fn(2,4);fn(2,4,6);fn(2,4,6,8);function fn(a,b) {arguments[0] = 99; //將實參的第一個數改為99 arguments.push(8); //此方法不通過，因為無法增加元素 }

清空數組的幾種方式：

var array = [1,2,3,4,5,6];array.splice(0); //方式1：刪除數組中所有項目array.length = 0; //方式1：length屬性可以賦值，在其它語言中length是只讀 array = []; //方式3：推薦

關于DOM的事件操作?

一、JavaScript的組成

JavaScript基礎分為三個部分：

• ECMAScript：JavaScript的語法標準。包括變量、表達式、運算符、函數、if語句、for語句等。

• DOM：文檔對象模型，操作網頁上的元素的API。比如讓盒子移動、變色、輪播圖等。

• BOM：瀏覽器對象模型，操作瀏覽器部分功能的API。比如讓瀏覽器自動滾動。

二、事件

JS是以事件驅動為核心的一門語言。

事件的三要素

事件的三要素：事件源、事件、事件驅動程序。

比如，我用手去按開關，燈亮了。這件事情里，事件源是：手。事件是：按開關。事件驅動程序是：燈的開和關。

再比如，網頁上彈出一個廣告，我點擊右上角的X，廣告就關閉了。這件事情里，事件源是：X。事件是：onclick。事件驅動程序是：廣告關閉了。

于是我們可以總結出：誰引發的后續事件，誰就是事件源。

總結如下：

• 事件源：引發后續事件的html標簽。

• 事件：js已經定義好了（見下圖）。

• 事件驅動程序：對樣式和html的操作。也就是DOM。

代碼書寫步驟如下：（重要）

• （1）獲取事件源：document.getElementById(“box”); //類似與ios語言的 UIButton *adBtn = [UIButton buttonWithType:UIButtonTypeCustom];

• （2）綁定事件： 事件源box.事件onclick = function(){ 事件驅動程序 };

• （3）書寫事件驅動程序：關于DOM的操作

?

轉載于:https://www.cnblogs.com/Mr-Murray/p/9113938.html

總結

以上是生活随笔為你收集整理的0530JavaScript基础2的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。