typescript的String、Array、Map对象

---

前言

本篇文章将会结束typescript中我认为比较重要的知识点的总结。主要的内容是String，Array，Map对象和TypeScript 对象

---

一、String对象

1. String对象属性

属性&描述	实例
constructor:对创建对象的函数的引用	var str1 = new String(“这是字符串”);consloe.log(str1.constructor) //function String(){[native code]}
length:返回字符串的长度	省略
prototype：允许您向对象添加属性和方法	实例如下

		<script type="text/javascript">
			function Person(){
				this.name = 张三分,
				this.age = 34;
			}
			Person.prototype.address = "北京";
			var p = new Person();
			console.log(p.age,p.name); //34 “张三分”
			console.log(p.address); //北京
		</script>
		

2.String方法

方法	描述
charAt()	返回在指定位置的字符
concat()	连接两个或者更多字符串，并返回新的字符串
indexOf()	返回某个指定的字符串在字符串中首次出现的位置
lastIndexOf()	从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置
match()	查找找到一个或者多个正则表达式的匹配
replace()	替换与正则表达式匹配的子串
serch()	检索与正则表达式相匹配的值
slice()	提取字符串的片段，并在新的字符串中返回被提取的部分
split()	把字符串分割为子字符串数组
substr()	从起始索引号提取字符串中指定数目的字符
substring()	提取字符串中两个指定的索引号之间的字符（不包括后一个索引所指的数值）
toLowerCase()	把字符串转化为小写
toString()	返回字符串
toUpperCase()	把字符串转化为大写
valueOf()	返回指定字符串对象的原始值

<script type="text/javascript">
			//1.charAt()
			var str = "dmekfjaj";
			// str1 = str.charAt(0); //d
			// str2 = str.charAt(2); //e
			// console.log(str1);
			// console.log(str2);
			
			//2.concat()
			var str1 = "love";
			// console.log(str.concat(str1));
			
			//3.indexOf()
			console.log("查找字符串第一次出现的位置：",str.indexOf("j"))
			
			//4.toUpperCase()
			console.log("字符转化为大写:",str1.toUpperCase());
			
		</script>

注：上面代码只是其中的一部分 ，写了一些我认为平常使用频率比较高的方法。

二、Array（数组）

1.数组的声明和初始化

//可以分开声明，初始化，也可以直接声明时初始化
var arr[:datatype];//声明
arr = [val1,val2,val3,...] //初始化

注：如果数组声明时未设置数据类型，则会被认为是any类型，在初始化时根据第一个元素的类型来推断数组的类型。

2.Array对象

1.可以使用Array对象创建数组。
2.Array对象的构造函数接受以下两种值：
（1）表示数组的大小的数值
（2）初始化的数组列表，元素使用逗号分隔值。

	<script type="text/javascript">
			var arr:string[] = new Array("I","eat","a","banana");
			for(var i = 0; i <= arr.length; i++){
				console.log(arr[i]);
			}	
		</script>

2.数组方法（部分）

方法	描述
every()	检测数组元素的每一个元素是否都符合条件
filter()	检测数组元素，并返回符合条件所有元素的数组
forEach()	数组每一个元素都执行一次回调函数
indexOf()	搜索数组中的元素，并返回它的所有的位置。如果搜索不到，返回值-1，代表没有此项
join()	把数组的所有元素放入一个字符串
map()	通过指定函数处理数组的每个元素，并返回处理后的数组
pop()	删除数组的 最后一个元素并返回删除的元素
push()	向数组的末尾添加一个或者更多元素，并返回新的长度
reduce()	将数组元素计算为一个值（从左到右）与之对应的是reduceRight（）是从右向左
reserve()	反转数组的元素的顺序
shift()	删除并返回数组的第一个元素
some()	检测数组元素中是否有元素符合指定条件
sort()	对数组的元素进行排序
splice()	从数组添加或删除元素
unshift()	向数组的开头添加一个或者更多元素，并返回新的长度

		<script type="text/javascript">
			var arr = new Array("apple","water","mango","suger");
			var sorted = arr.sort();
			console.log(sorted);  // ["apple", "mango", "suger", "water"]
		</script>

---

三、Map对象

1.基本内容

1.Map 对象保存键值对，并且能够记住键的原始插入顺序。
2.任何值（对象或者原始值）都可以作为一个键或一个值
3.Map是ES6中引入的一种新的数据结构。

2.函数和属性

1.属性：size返回Map对象键/值对的数量。
2.函数：

函数	描述
set()	设置键值对，返回该Map对象
get()	返回键对应的值，如果不存在，则返回undefined
has()	返回一个布尔值，用于判断Map中是否包含键对应的值
delete()	删除Map中的元素，删除成功返回true，失败返回false
keys()	返回一个lterator对象，包含了Map对象中每个元素的键
values()	返回一个新的lterator对象，包含了Map对象中每个元素的值

let map1 = new Map();
 
// 设置 Map 对象
map1.set("Google", 1);
map1.set("baidu", 2);
map1.set("Taobao", 3);
 
// 获取键对应的值
console.log(map1.get("baidu"));     // 2
 
// 判断 Map 中是否包含键对应的值
console.log(map1.has("baidu"));       // true
console.log(map1.has("Zhihu"));        // false
 
// 返回 Map 对象键/值对的数量
console.log(map1.size);                // 3
 
// 删除 Runoob
console.log(map1.delete("zhihu"));    // true
console.log(map1);
// 移除 Map 对象的所有键/值对
map1.clear();             // 清除 Map
console.log(map1);

四、TypeScript对象

1.对象实例

	var site = {
		s1:"taobao",
		s2:"baidu",
		s3:function(){    //类型模板
		}
	};	
	site.s3 = function(){
			console.log("你好呀！" + site.s1);

	};
	site.s3();  // 你好呀！taobao