js數組/字符串常用的屬性和方法

總結一下js數組和字符串常用的屬性的方法吧(方便查看)

  • string()字符串:

  • string常用方法:

1.substring(start,end); 截取指定的字符位數但不包含結束位置的字符,兩個參數(開始位置的索引,結束位置索引)只寫一個參數表示從開始位置截取到最後。(輸入負值時將負值變爲0,哪個較小作爲開始位置)
	let str='abcdefg';  
	str.substring(1); //得到bcdefg  
	str.substring(1,3); //得到bc
	
2.slice(start,end); 基本和substring相似,區別在參數爲負數。(輸入負值時 值與字符串的長度相加)
	let str='abcdefg'; 
	str.slice(1);  //bcdefg      
	str.substring(1,3); // bc
	
3.substr(start,end); 兩個參數(開始位置索引,需要返回的字符個數)
	let str='abcdefg'; 
	str.substr(1); //bcdefg      
	str.substr(1,1); //b
	
4.charAt(index); 方法返回指定索引位置處的字符。如果超出有效範圍則返回空字符串.
	let str='abcdefg';
	str.charAt(2); // c

5.indexOf(string);  返回String對象內第一次出現子字符串位置。如果沒有找到子字符串,則返回-1let str='abcdefga';
	str.indexOf('a');  // 0   
	str.indexOf('h'); //-1
	
6.lastIndexOf(string);  (倒敘查找)返回String對象內最後一次出現子字符串位置。如果沒有找到子字符串,則返回-1var str='abcdefga';     
	str.lastIndexOf('a'); // 7

7.search();  方法返回與正則表達式查找內容匹配的第一個字符串的位置。

8.includes(); 方法用於查看是否包含某個字符, 如果包含返回true , 否則返回false
	let str = "Hello World"; 
	console.log(str.includes("l")); // true 	 
	console.log(str.includes("M")); // false

9.startsWith(); 和endsWith(); 方法分別用於檢測開始字符和結束字符
	let str = "Hello World";
	console.log(str.startsWith("H")); // true 	
	console.log(str.endsWith("d")); // true 
	console.log(str.endsWith("z")); 	// false
	
10.trim() 方法用於去除字符串兩端空白, 這個方法在表單驗證裏面經常會使用。它會創建一個字符串副本, 刪除前置以及後綴的所有空格。(注:不會去除字符中間的代碼)
	let str = "    Hello World    "; 
	let newStr = str.trim(); 
	console.log(str); //    Hello World    
	console.log(newStr); //Hello World

11. trimLeft()trimRight();方法
       用法和trim() 方法一致,
       trimLeft()去最左邊的空格
       trimRight()去最右邊的空格

12.repeat() 方法接收一個參數, 爲字符串重複的次數。
	let str = "Hello"; 
	console.log(str.repeat(3)); // HelloHelloHello

13. toLowerCase()toUpperCase() ̶字符串大小寫轉換
	let str = "HELLO"; 
	console.log(str.toLowerCase()); // hello 
	str = "hello"; 
	console.log(str.toUpperCase()); // HELLO

  • string常用屬性:

1.lenth屬性:查看字符串中有多少個字符
	console.log("Hello".length); // 5
  • 數組:

  • 數組常用方法:

1.push()pop()  方法:用於向數組的最後添加/刪除數據 
	let arr = []; 
	arr.push("red","blue"); 
	console.log(arr); // [ 'red', 'blue' ] 
	let j = arr.pop(); 
	console.log(arr); // [ 'red' ]

2.shift()方法:刪除數組第一個數據並返回被刪除的數據
	let arr=["red","blue","black"];
	let sheft=arr.shift();
	console.log(sheft);  //red
	console.log(arr); //[ 'blue', 'black' ]

3.unshift()方法:向數組最開始的位置添加數據
	let arr=["red","blue","black"];
	arr.unshift("pink");
	console.log(arr); //[ 'pink', 'red', 'blue', 'black' ]

4.concat() 方法:先創建當前數組的一個副本,然後將接收到的參數添加到副本的末尾, 最後返回新構建的數組, 而原本的數組不會變化。
	let arr = [1,2,3]; 
	let arr2 = arr.concat("red","blue"); 
	console.log(arr);//[ 1, 2, 3 ] 
	console.log(arr2);//[ 1, 2, 3, 'red', 'blue' ]

5.slice()方法:截取指定範圍的參數返回一個新數組(1個參數時:從下標爲參數的位置開始截取。2個參數時:從下標爲第一個參數的位置開始截取到第二個參數的位置但不包括第二個參數的位置)
	let arr=["red","blue","black","pink"];
	let arr2=arr.slice(1);
	let arr3=arr.slice(1,3);
	console.log(arr2);//[ 'blue', 'black', 'pink' ]
	console.log(arr3);//[ 'blue', 'black' ]

6.splice() 方法:可以實現對數組的刪除,插入和替換的操作, 相當於是增刪改操作都可以用這個方法來實現。
	6-1.刪除(傳兩個參數)
		let arr = [1,2,3,4,5,6,7,8,9,10]; //i
		// 從下標爲3的元素開始刪除,刪除5個元素
		//將刪除的元素返回給i
		let i = arr.splice(3,5); 
		console.log(i); // [ 4, 5, 6, 7, 8 ] 
		console.log(arr); // [ 1, 2, 3, 9, 10 ]
		
	6-2.插入/添加
		let arr = [1,2,3,4,5,6,7,8,9,10]; 
		let i = arr.splice(3,0,"red","blue"); //  從下標爲3的元素開始插入
		console.log(i); // [] 
		console.log(arr); // [ 1, 2, 3, 'red', 'blue', 4, 5, 6, 7, 8, 9, 10 ]
	
	6-3.替換/修改數據
		let arr = [1,2,3,4,5,6,7,8,9,10]; 
		let i = arr.splice(3,2,"red","blue"); //從下標爲3的元素開始修改,修改2個,修改爲"red"和"blue"
		console.log(i); // [ 4, 5 ] 
		console.log(arr); // [ 1, 2, 3, 'red', 'blue', 6, 7, 8, 9, 10 ]

7.join() 方法:將數組轉換爲字符串,可以傳入分隔符作爲參數
	let arr = [1,2,3]; 
	let str = arr.join(""); 
	console.log(str); // 123 
	let str2 = arr.join(","); 
	console.log(str2); // 1,2,3

8.split() 方法:將字符串轉換爲數組,可以傳入參數指明以什麼作爲分隔符
	let str = "Hello"; 
	let arr = str.split(""); 
	console.log(arr); // [ 'H', 'e', 'l', 'l', 'o' ] 
	let arr2 = str.split("l"); 
	console.log(arr2); // [ 'He', '', 'o' ]

9. reverse() 方法:用於反轉數組項的順序
	let arr = [1,2,3,4,5]; 
	console.log(arr.reverse()); // [ 5, 4, 3, 2, 1 ] 
	console.log(arr); // [ 5, 4, 3, 2, 1 ] 

10.sort() 方法:將數組中的數字排序
	10-1.按從小到大的順序
		let arr = [0, 12, 3, 7, -12, 23]; 
		console.log(arr.sort()); // [ -12, 0, 12, 23, 3, 7 ]
	 或:
	 	let arr = [0, 12, 3, 7, -12, 23];
		console.log(arr.sort(function (a, b) {
	   		 return a - b;
		}));// [ -12, 0, 12, 23, 3, 7 ]
		
	10-2.按從大到小的順序:
		let arr = [0, 12, 3, 7, -12, 23];
		console.log(arr.sort(function (a, b) {
   			 return b - a;
		}));//[ 23, 12, 7, 3, 0, -12 ]

11.indexOf() 方法:查找參數第一次出現的位置下標(若沒有則返回-1let arr = ["H","e","l","l","o"]; 
	console.log(arr.indexOf("l")); // 2

12. lastIndexOf() 方法:查找參數最後一次出現的位置下標(若沒有則返回-1let arr = ["H","e","l","l","o"]; 
	console.log(arr.lastIndexOf("l")); // 3 
	console.log(arr.indexOf("z")); // -1
  注:indexOf()和lastIndexOf()方法在查找時用的是全等比較
  	let arr = ["1","2","3"]; 
  	console.log(arr.indexOf(1)); // -1

13.includes() 方法:查看數組裏是否包含某個元素,包含則返回true,否則返回false
	let arr = ["1","2","3"]; 
	console.log(arr.includes(2)); // flase 
	console.log(arr.includes("2")); // true 
	console.log(arr.includes(7)); // false
  • 數組常用屬性:

1.lenth屬性:查看字符串中有多少個字符
   let arr = [1,2,3,4,5]; console.log(arr.length); // 5

  • ++++++++++++++OVER+++++++++++++++

  • ++++++++++手敲不易!不喜勿噴++++++++

  • ++++++++++++++OVER+++++++++++++++

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章