2. 程式人生 > 實用技巧 >慕課前端入門-js內建物件

慕課前端入門-js內建物件

阿新 • • 發佈：2020-09-12

1. 陣列

方法 說明 示例
cancat 語法：arrayObject.concat(arrayX,arrayX...);
功能：用於連線兩個或多個數組
返回值：陣列
 
var arr1=['a','b','c'],arr2=[1,2,3];
console.log(arr1.concat(arr2));
console.log(arr1.concat(arr2,"hello","world"));
slice切片 語法：arrayObject.slice(start,end)
功能：從已有的陣列中返回特定的元素
引數：
  1. start，必選：起始位置，包含
  2. end：可選，結束位置，不包含
  3. 如果沒有指定end，切分的陣列包含從start到陣列結束的所有元素
  4. 引數為負數，則用引數的長度加上負數來確定相應的位置
  5. 沒有結果，就返回空陣列
返回值：陣列
 
var arr = "hello world".split("");
console.log(arr.slice(5));
console.log(arr.slice(5,7));
console.log(arr.slice(-7,-5))
splice 語法：arrayObject.splice(index, count, el1, el2...)
功能：刪除、替換、插入
引數：
  1. index：起始位置，必填
  2. count：刪除元素數量。刪除選填，插入為0，替換不為0
  3. el1,el2...：有是替換和插入；沒有是刪除
返回值：刪除元素組成的陣列，沒有，就返回空陣列。
 
var arr = "abcdefghijk".split("");
//delete 刪除從index開始count個元素；count不填，刪除從index處開始的所有值；count為0，不會刪除元素
console.log(arr.splice(4,2)); //["e", "f"]
console.log(arr.splice(1)); //["b", "c", "d", "g", "h", "i", "j", "k"]
//insert count=0
console.log(arr.splice(1,0,5,6,7)); //[]
console.log(arr); //["a", 5, 6, 7]
//替換 count!=0
console.log(arr.splice(1,2,'x','y'));//[5, 6]
console.log(arr); //["a", "x", "y", 7]
index()
lastIndexOf()		 語法：arrayObject.indexOf(searchValue, startIndex)
功能：指定位置開始查詢
引數：
  1. searchValue：必需，要查詢的元素
  2. startIndex：可選，起始位置
返回值：number 找到返回索引；未找到，返回-1
arrayObject.lastIndexOf(searchValue，startIndex)與indexOf相反 
var nums = [1,7,5,7,8,1,6,9];
console.log(nums.indexOf(7));//1
console.log(nums.lastIndexOf(7));//3

1.1 示例，如何複製一個數組

	var arr = "hello world".split(""),newArr=[];
	//方法1
	for(var i=0;i<arr.length;i++){
		newArr.push(arr[i]);
	}
	console.log(newArr);
	//方法2
	newArr=[].concat(arr);
	console.log(newArr);
	//方法3
	newArr = arr.slice(0);
	console.log(newArr);

1.2 封裝一個方法實現indexOf的功能

	function ArrayIndexOf(arr, value){
		//檢測value在arr中出現的位置
		for(var i=0;i<arr.length;i++){
			if(arr[i]===value){
				//此處使用全等操作符，即要求查詢的元素必須和值完全相等
				return i;
			}
		}
		return -1;
	}

2. String

3. Math

4. Date

相關推薦

慕課前端入門-js內建物件

1. 陣列 方法 說明 示例 cancat 語法：arrayObject.concat(arrayX,arrayX...);功能：用於連線兩個或多個數組返回值：陣列

慕課前端入門-js流程控制語句

1. if分支 if(條件1){ ... }else if(條件2){ ... }else{ } ##2. switch ```#js switch(expression){ case value:

慕課前端入門-js函式

1.函式 可以封裝任意多條語句，而且可以在任何地方、任何時候呼叫執行 語法

慕課前端入門-js錯誤除錯與處理

1.語法錯誤 就是不復合js語法的錯誤。出現語法錯誤，控制檯會報錯並告知出錯的位置

慕課前端入門-JS事件

1. 概念 事件是可以被JavaScript偵測到的行為，通俗的講就是當用戶與web頁面進行某些互動時，直譯器就會建立響應的event物件以描述事件資訊。

JS內建物件和Math物件知識點詳解

Math物件 <script> // Math數學物件 不是一個建構函式 ，所以我們不需要new 來呼叫 而是直接使用裡面的屬性和方法即可

JS內建物件

Math方法 // 常量資料不能修改 console.log(Math.PI); console.log(Math.SQRT2); console.log(Math.SQRT1_2);

慕課前端入門-CSS選擇器

萬用字元選擇器:*{margin: 0} 元素選擇器:body{} 類選擇器:.red{} ID選擇器:#green{} 後代選擇器:ul li{}

慕課前端入門-CSS背景與漸變

1.CSS背景 1.1.CSS背景影象區域 background-clip屬性：指定背景繪製區域 border-box:邊框盒子。從邊框開始繪製，邊框之外會被裁剪

慕課前端入門-CSS動畫

1.CSS動畫 視覺暫留原理：人類具有視覺暫留的特性。人的眼睛在看到一幅畫或一個物體後，在0.34秒內不會消失。

慕課前端入門-漢克狗

css檔案 :root { --hl: #1b2f90; --bg: #f9f9f6; --white: #f9f9f6; --time: 2s; --time4: calc(var(--time) * 4);

慕課前端入門-DOM事件

1. html事件 onload:頁面載入時觸發 onclick:滑鼠點選時觸發 onmouseover:滑鼠劃過時觸發

小陳學JS js內建物件 Date物件 ---倒計時案例

倒計時案例 分析： ①核心演算法：輸入的時間減去現在的時間就是剩餘的時間，即倒計時，但是不能拿著時分秒相減，比如05分減去25分，結果會是負數的。

小陳學JS js內建物件 Date物件

Date物件（日期物件） 建立Date例項用來處理日期和時間，date物件基於1970年1月1日（世界標準時間）起的毫秒日期物件是一個建構函式，必須使用new來呼叫穿件我們的日期物件

JS內建物件-Array物件

Array 物件 JavaScript的 Array 物件是用於構造陣列的全域性物件，陣列是類似於列表的高階物件。

js內建物件Date：時間物件是建構函式所以要new、格式化年月日 星期、獲取時間戳3種方式、倒計時

技術標籤：前端# JavaScript 時間物件是建構函式所以要new var date=new Date() console.log(date) //2020-12-26T12:45:34.823Z

JS內建物件使用

Math物件： （1）常用屬性： Math.PI 圓周率 （2）常用方法 Math.random() 生成隨機數 Math.floor() 向下取整

JS內建物件—— Date物件

//（1）獲取時間 var date1 = new Date(); //沒有引數，返回當前時間 console.log(date1); var date2 = new Date(\'2020-6-3 8:30:8\'); //沒有引數，返回當前時間

JS內建物件——Math物件

// (0) PI console.log(Math.PI); //返回3.141592653589793 //（1）最大值，同理min最小值 console.log(Math.max(1, 33, 2)); //返回33

JS內建物件——陣列物件

// 1、建立陣列 // （1）字面量建立 var arr1 = [1, 2, 3]; // (2)利用new Array() var arr2 = new Array(); //建立空陣列