【校招VIP】前端常用关键字- 校招VIP

转载声明：文章来源 https://blog.csdn.net/weixin_30497527/article/details/97831590

关键字in的使用

一般用于for...in用来遍历数组或者对象属性

注：
in
可以区分不存在的属性和存在但值为
undefined
的属性。

1.遍历数组

var n;

var nums=[11,22,36,26,88,12];

for(n in nums){
　　console.log(n)
}
输出结果为数组nums的下标 0,1，2,3,4,5

2.遍历对象
var n;
var obj={
　　a:"aa",
　　b:"bb",
　　c:"cc"
}
for (n in obj){
　　console.log(n);
}
此时输出的是：a,b,c为对象的属性并非对应的值

3.判断对象是否为数组/对象的元素/属性：
　　格式：（变量 in 对象）
　　console.log("11" in nums)//例1　　输出true
　　console.log("a" in obj);//例2　　输出true

4.对象的 hasOwnProperty() 方法

　　用来检测给定的名字是否是对象的自有属性。对于继承属性它将返回 false
　　console.log(obj.hasOwnProperty("a"));　　//true　　自有属性
　　console.log(obj.hasOwnProperty("m"));　　//false　　
　　console.log(obj.hasOwnProperty("toString"));　　//false toString是继承属性

　5.propertyIsEnumerable() 是 hasOwnProperty() 的增强版
　　只有检测到是自有属性且这个属性的可枚举性（enumerable attribute）为 true 时它才返回 true

对象序列化
　　 JSON.stringify() 和 JSON.parse() 用来序列化和还原 JavaScript 对象

a = {　　x:1,　　y:{　　　　z:[false,null,""]　　　}};       // 定义一个对象 s = JSON.stringify(a); // s是 '{"x":1,"y":{"z":[false,null,""]}}' p = JSON.parse(s); // p是a的深拷贝

arguments

arguments用法
arguments他的特性和使用方法
特性：
arguments对象和Function是分不开的。因为arguments这个对象不能显式创建，arguments对象只有函数开始时才可用。
使用方法：
虽然arguments对象并不是一个数组，但是访问单个参数的方式与访问数组元素的方式相同
例如：
arguments[0],arguments[1],。。。。。。。。arguments[n]

在js中不需要明确指出参数名，就能访问它们，例如：
function test() {
var s = "";
for (var i = 0; i < arguments.length; i++) {
alert(arguments[i]);
s += arguments[i] + ",";
}
return s;
}
test("name", "age")

输出结果：
name,age

arguments中的callee,指向函数自身引用
关于arguments.callee的案例
求1到100的阶乘，arguments.callee就是找到自己的引用。
var num = (function (n) {
if(n == 1){
return 1;
}
return n * arguments.callee(n - 1);
}(100))function test() {
conso.log(arguments.callee);//打印test函数
function demo () {
conso.log(arguments.callee);//打印demo函数
}
demo();
}
test();
就是说在哪个函数里面的arguments.callee就指向那个函数的引用。

数组

数组
　　删除数组中的元素时，可以使用delete 运算符来删除数组元素。
　　但是：a=[1,2,3,4] delete a[2] 返回的结果中 a.length=4;delete只是删除了下标为2的元素，不会改变数组的长度，后边的元素也不会向前补位
　数组循环遍历时，如果性能有要求，需要优化可在循环时数组的长度只查询一次而非每次循环都要查询
　　var arr=[1,2,3,4,5,6,'str'];
　　for(var i=0,len=arr.length;i<len;i++){
　　　　//循环体不需要改变
　　}
　　此外 for...in也可用于遍历数组 for(var index in arr){} 不常用（如果数组同时包含对象属性和数组元素，那么枚举出来的顺序就不能保证，如果后期算法依赖于遍历的顺序，那么最好不要使用 for-in 而用常规的 for 循环。）
　　forEach也可用于遍历数组
　　　　var sum=0;
　　　　arr.forEach(function(m){//把数组的每个元素传递给此函数
　　　　　　　//具体对数组的操作例如对纯数字的数组求和 sum += m;
　　　　})
　数组的arr.toString()和arr.valueOf()和直接输出alter(arr) 值是相同的 alter底层就是toString()
　另外数组的toLocaleString()方法输出的是数组的toLocaleString()方法和toString valueOf的结果有可能不同例如：
var person1 = {
toLocaleString : function () {
return "Nikolaos";
},
toString : function() {
return "Nicholas";
}
};
var person2 = {
toLocaleString : function () {
return "Grigorios";
},
toString : function() {
return "Greg";
}
};
var people = [person1, person2];
alert(people); // Nicholas,Greg
alert(people.toString()); // Nicholas,Greg
alert(people.toLocaleString()); // Nikolaos,Grigorios
数组的排序
var arr=[2,21,32,12,51,5,0]
arr.sort(compare);
function compare(value1, value2) {
if (value1 < value2) {
return -1;
} else if (value1 > value2) {
return 1;
} else {
return 0;
}
}
　　下一个方法是 splice()，它的主要用途是向数组的中部插入元素，主要有以下3种使用方式。

删除：可以删除任意数量的项，只需指定2个参数：起始位置和要删除元素的数量。例如，splice(0,2) 会删除数组中的前两项。
插入：可以向指定位置插入任意数量的项，只需提供3个参数：起始位置、0（要删除元素的数量）和要插入的元素。如果要插入多个元素，可以再传入第四、第五，以至任意多个元素。例如，splice(2,0,"red","green") 会从当前数组的位置2开始插入字符串 "red" 和 "green"。
替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定3个参数：起始位置、要删除元素的数量和要插入的元素。插入的项数不必与删除的项数相等。例如，splice (2,1,"red","green")会删除当前数组位置2的项，然后再从位置2开始插入字符串 "red" 和 "green"
var colors = ["red", "green", "blue"];
var removed = colors.splice(0,1); // 删除第一项
console.log(colors); // green,blue
console.log(removed); // red，返回的数组中只包含一项

removed = colors.splice(1, 0, "yellow", "orange"); // 从位置1开始插入两项
console.log(colors); // green,yellow,orange,blue
console.log(removed); // 返回的是一个空数组

removed = colors.splice(1, 1, "red", "purple"); // 插入两项，删除一项
console.log(colors); // green,red,purple,orange,blue
console.log(removed);
// 例题：（三维数组或 n 维数组）去重
var arr = [2,3,4,[2,3,[2,3,4,2],5],3,5,[2,3,[2,3,4,2],2],4,3,6,2];
var unique = function(arr) {
var result = [];
var f = function(i) {
i.forEach(function(item) {
if(Array.isArray(item)){
f(item);
}else{
if(result.indexOf(item)<0){
result.push(item);
}
}
});
};
f(arr);
return result;
}
console.log(unique(arr)); // [2,3,4,5,6]

函数
　　在函数内部，有两个特殊的对象：arguments 和 this。其中，arguments 是一个类数组对象，包含着传入函数中的所有参数。虽然 arguments 的主要用途是保存函数参数，但这个对象还有一个名叫 callee 的属性，该属性是一个指针，指向拥有这个 arguments 对象的函数。
function factorial(num){
if (num <= 1) {
return 1;
} else {
return num * factorial(num-1)
}
}
在这个重写后的 factorial() 函数的函数体内，没有再引用函数名 factorial。这样，无论引用函数时使用的是什么名字，都可以保证正常完成递归调用
function factorial(num){
if (num <=1) {
return 1;
} else {
return num * arguments.callee(num-1)
}
}