javascript内置对象和方法

目录

一.内置对象和方法

二.自定义对象

三.创建对象：

四.js 面向对象(了解)

五.date对象

5.2Date对象的方法：

六.JSON对象

七.Math对象

八.RegExp对象( 正则表达式)

---

补充内容：

var a1 =[11, 22 ,33, 44, 55];
a1.forEach(function(i){ 

console.log(i); 

}) 

var a1 =[11, 22 ,33, 44, 55]; 

a1.forEach(function(k,v){ 

console.log(k,v); 

}); 

 

var a1 =[11, 22 ,33, 44, 55]; 

a1.map(function(i){ 

return i + 1; 

}); 

ES6中允许使用“箭头”（=>）定义函数。

var f = v => v; 
// 等同于 
var f = function(v){ 
return v; 
} var f = v => v; 
// 等同于 
var f = function(v){ 
return v; 
} 

函数只能返回一个值，如果要返回多个值，只能将其放在数组或对象中返回

一.内置对象和方法

JavaScript中的所有事物都是对象：字符串、数字、数组、日期，等等。在JavaScript中，对象是拥有属性和方法的数据。
我们在学习基本数据类型的时候已经带大家了解了，JavaScript中的Number对象、String对象、
Array对象等。
注意var s1 = "abc"和var s2 = new String("abc")的区别：typeof s1 --> string而 typeof s2 -->
Object

二.自定义对象

JavaScript的对象（Object）本质上是键值对的集合（Hash结构），但是只能用字符串作为键。

var a = {"name": "xszx", "age": 18}; 
console.log(a.name); 
console.log(a["age"]); 

遍历对象中的内容：

var a = {"name": "xszx", "age": 18}; 
for (var i in a){ 
console.log(i, a[i]); 
} 

三.创建对象：

var person=new Object(); // 创建一个person对象 
person.name="xszx"; // person对象的name属性 
person.age=18; // person对象的age属性

ES6中提供了Map数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，
各种类型的值（包含对象）都可以当做键。

var m = new Map(); 
var o = {p: "Hello World"} 

m.set(o, "content"} 
m.get(o) // "content"

四.js 面向对象(了解)

// 父类构造函数 
var Car = function (loc) { 
this.loc = loc; 
}; 

// 父类方法
Car.prototype.move = function () { 
this.loc ++; 
};
// 子类构造函数 
var Van = function (loc) { 
Car.call(this, loc); 
}; 

// 继承父类的方法 
Van.prototype = Object.create(Car.prototype); 
// 修复 constructor 
Van.prototype.constructor = Van; 
// 扩展方法 
Van.prototype.grab = function () { 
/* ... */ 
};

五.date对象

//方法1：不指定参数 
var d1 = new Date(); 
console.log(d1.toLocaleString()); 
//方法2：参数为日期字符串 
var d2 = new Date("2004/3/20 11:12"); 
console.log(d2.toLocaleString()); 
var d3 = new Date("04/03/20 11:12"); 
console.log(d3.toLocaleString()); 
//方法3：参数为毫秒数 
var d3 = new Date(5000); 
console.log(d3.toLocaleString()); 
console.log(d3.toUTCString()); 

//方法4：参数为年月日小时分钟秒毫秒 
var d4 = new Date(2004,2,20,11,12,0,300); 
console.log(d4.toLocaleString()); //毫秒并不直接显示 

5.2Date对象的方法：

var d = new Date(); 
//getDate() 获取日 
//getDay () 获取星期 
//getMonth () 获取月（0-11） 
//getFullYear () 获取完整年份 
//getHours () 获取小时 
//getMinutes () 获取分钟 
//getSeconds () 获取秒
//getMilliseconds () 获取毫秒 
//getTime () 返回累计毫秒数(从1970/1/1午夜) 

六.JSON对象

var str1 = '{"name": "xszx", "age": 18}'; 
var obj1 = {"name": "xszx", "age": 18}; 
// JSON字符串转换成对象 反序列化 
var obj = JSON.parse(str1); 
// 对象转换成JSON字符串 序列化 
var str = JSON.stringify(obj1); 

七.Math对象

abs(x) 返回数的绝对值。 
exp(x) 返回 e 的指数。 
floor(x) 对数进行下舍入。 
log(x) 返回数的自然对数（底为e）。 
max(x,y) 返回 x 和 y 中的最高值。 
min(x,y) 返回 x 和 y 中的最低值。 
pow(x,y) 返回 x 的 y 次幂。 
random() 返回 0 ~ 1 之间的随机数。 
round(x) 把数四舍五入为最接近的整数。
sin(x) 返回数的正弦。 
sqrt(x) 返回数的平方根。 
tan(x) 返回角的正切。 

八.RegExp对象( 正则表达式)

//RegExp对象 

//创建正则对象方式1 
// 参数1 正则表达式(不能有空格) 
// 参数2 匹配模式：常用g(全局匹配;找到所有匹配，而不是在第一个匹配后停止)和i(忽略大小写) 
// 用户名只能是英文字母、数字和_，并且首字母必须是英文字母。长度最短不能少于6位 最长不能超过12
//位。
// 创建RegExp对象方式（逗号后面不要加空格） 
var reg1 = new RegExp("^[a-zA-Z][a-zA-Z0-9_]{5,11}$"); 
// 匹配响应的字符串 
var s1 = "bc123"; 

//RegExp对象的test方法，测试一个字符串是否符合对应的正则规则，返回值是true或false。 
reg1.test(s1); // true 

// 创建方式2 
// /填写正则表达式/匹配模式（逗号后面不要加空格） 
var reg2 = /^[a-zA-Z][a-zA-Z0-9_]{5,11}$/; 

reg2.test(s1); // true 


// String对象与正则结合的4个方法 
var s2 = "hello world"; 
s2.match(/o/g); // ["o", "o"] 查找字符串中 符合正则 的内容 2
s2.search(/h/g); // 0 查找字符串中符合正则表达式的内容位置 
s2.split(/o/g); // ["hell", " w", "rld"] 按照正则表达式对字符串进行切割 
s2.replace(/o/g, "s"); // "hells wsrld" 对字符串按照正则进行替换 
32
// 关于匹配模式：g和i的简单示例 
var s1 = "name:zx age:18"; 

s1.replace(/a/, "哈哈哈"); // "n哈哈哈me:zx age:18" 
s1.replace(/a/g, "哈哈哈"); // "n哈哈哈me:zx 哈哈哈ge:18" 全局匹配 
s1.replace(/a/gi, "哈哈哈"); // "n哈哈哈me:哈哈哈zx 哈哈哈ge:18" 不区分大小写 

// 注意事项1： 
// 如果regExpObject带有全局标志g，test()函数不是从字符串的开头开始查找，而是从属性
regExpObject.lastIndex所指定的索引处开始查找。

// 该属性值默认为0，所以第一次仍然是从字符串的开头查找。 
// 当找到一个匹配时，test()函数会将regExpObject.lastIndex的值改为字符串中本次匹配内容的最后一
个字符的下一个索引位置。

// 当再次执行test()函数时，将会从该索引位置处开始查找，从而找到下一个匹配。 
// 因此，当我们使用test()函数执行了一次匹配之后，如果想要重新使用test()函数从头开始查找，则需要手动将regExpObject.lastIndex的值重置为 0。

// 如果test()函数再也找不到可以匹配的文本时，该函数会自动把regExpObject.lastIndex属性重置为0。


var reg3 = /foo/g; 
// 此时 regex.lastIndex=0 
reg3.test('foo'); // 返回true 
// 此时 regex.lastIndex=3
reg3.test('xxxfoo'); // 还是返回true 
// 所以我们在使用test()方法校验一个字符串是否完全匹配时，一定要加上^和$符号。 
// 注意事项2(说出来你可能不信系列)： 56
// 当我们不加参数调用RegExpObj.test()方法时, 相当于执行RegExpObj.test("undefined"), 并
且/undefined/.test()默认返回true。

var reg4 = /^undefined$/; 
reg4.test(); // 返回true 
reg4.test(undefined); // 返回true 
reg4.test("undefined"); // 返回true