js 基础拓展
1.关于 try catch 的用法
<body> <div>请输出一个 5 到 10 之间的数字:</div> <input id="demo" type="text"> <button type="button" onclick="myFunction()">测试输入</button> <p id="mess"></p> <!-- 只有不符合条件 才执行catch 才有p标签的内容显示 --> </body> </html> <script type="text/javascript"> function myFunction(){ try{ var x=document.getElementById("demo").value; //取元素的值 if(x=="") throw "值为空"; // 根据获取的值，抛出错误 if(isNaN(x)) throw "不是数字"; if(x>10) throw "太大"; if(x>=5 && x<=10) throw "符合条件"; if(x<5) throw "太小"; } catch(err){ var y=document.getElementById("mess"); // 抓住上面throw抛出的错误，给p标签显示 y.innerHTML="错误：" + err + "。"; } } </script>
2.关于 Object.assign(target,sourcel1,sourcel2,...) 对象的方法 ： 用于将所有课枚举的值从一个或者多个源对象复制到目标对象 它将返回目标对象
const target = { a: 1, b: 2 }; // 要操作的目标对象
const source = { b: 4, c: 5 }; // 想合过来的资源对象
const returnedTarget = Object.assign(target, source); // 返回值
console.log(target); // expected output: Object { a: 1, b: 4, c: 5 }
console.log(source); // expected output: Object { b: 4, c: 5 }
console.log(returnedTarget); // expected output: Object { a: 1, b: 4, c: 5 }
// 实际应用 克隆一个新对象
const sidleData = Object.assign({}, target)
注意: 同名的属性会覆盖
3.关于 Object.create(prototype,[propertiesObject]) 对象的方法 ： 使用指定的原型对象及其属性去创造一个新的1.var parent = { x : 1,y : var child = Object.create(parent, z : { // z会成为创建对象的属性
writable:true, configurable:true, value: "newAdd" } }); console.log(child) //{z:"newAdd"} console.log(child.x) //1
2.
var obj = Object.create({},{
"a":{value :1,congigurable :false,enumerable :true,writable:true},
"b":{value :2,congigurable :false,enumerable :true,writable:true},
"c":{value :3,congigurable :false,enumerable :true,writable:true}
}
);
console.log(obj.a)//输出 1
console.log(obj.b)//输出 2
console.log(obj.c)//输出 3
---------------------
说明: 第二个参数是一个对象的形式配置的，key就是属性的名称，value 又是一个对象，这里的value对象就是对该属性的描述;这里value对象有四个属性值value、congigurable 、enumerable 、writable
value:对象的默认值
congigurable: 能否使用 delete 能否 简单的说 ，设置这个为false之后，就不能删除这个属性或修改这个属性（属性值不影响），这个属性就是这个对象固有的，如果删除，则不成功
enumerable: 可枚举性 对象是否可以通过 for-in遍历到 false 为不可遍历 默认为 true
writable: 对象的属性是否可以修改 false为不可修改 默认为 true
4. 关于 Object.keys(obj) 对象的方法 (;类似的有 values entries) 要注意的的是 返回数组的 顺序是会有变化的可能(数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 )
var arr = ["a", "b", "c"]; console.log(Object.keys(arr)); // ['0', '1', '2'] /* Object 对象 */ var obj = { foo: "bar", baz: 42 }, keys = Object.keys(obj); console.log(keys); // ["foo","baz"] var an_obj = { 100: 'a', 2: 'b', 7: 'c' }; console.log(Object.values(an_obj)); // ['b', 'c', 'a'] var obj = { 0: 'a', 1: 'b', 2: 'c' }; console.log(Object.values(obj)); // ['a', 'b', 'c'] const obj = { foo: 'bar', baz: 42 }; console.log(Object.entries(obj)); // [ ['foo', 'bar'], ['baz', 42] ] const simuArray = { 0: 'a', 1: 'b', 2: 'c' }; console.log(Object.entries(simuArray)); // [ ['0', 'a'], ['1', 'b'], ['2', 'c'] ]
5. 关于 Object.entries(obj) 对象的方法 方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for...in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环也枚举原型链中的属性）。
示例1 -- 传入对象
const obj = { foo: 'bar', baz: 'abc' };
console.log(Object.entries(obj)); // [['foo', 'bar'], ['baz', 'abc']]
妙用Object.entries(obj).map(([key, val]) => {
console.log(key) // foo baz 拿到键名
console.log(val) // bar abc 拿到值
}
示例2.1 -- 数组
const arr = [1, 2, 3];
console.log(Object.entries(arr)); // [['0', 1], ['1', '2'], ['2', '3']]
示例2.2 -- 数组（数组中包含对象）
const arr1 = [{ a: 1 }, 2, 3];
console.log(Object.entries(arr1)); // [['0', { a: 1 }], ['1', '2'], ['2', '3']]
示例2.3 -- 数组（数组中的值全部为对象）
const arr2 = [{ a: 1 }, { b: 2 }, { c: 3 }];
console.log(Object.entries(arr2)); // [['0', { a: 1 }], ['1', { b: 2 }], ['2', { c: 3 }]]
示例3 -- 字符串
const str = '123';
console.log(Object.entries(str)); // [['0', '1'], ['1', '2'], ['2', '3']]
示例4 -- 数字、浮点数
const num = 123;
console.log(Object.entries(num)); // []
const float1 = 12.3;
console.log(Object.entries(float1)); // []
示例5 -- 将 Object 转化为 Map
new Map() 构造函数接受一个可迭代的 entries 。 借助 Object.entries 方法你可以很容易的将 Object 转换为 Map:
const obj2 = { foo: 'bar', baz: 'abc' };
console.log(Object.entries(obj2)); // [['foo', 'bar'], ['baz', 'abc']]
const map = new Map(Object.entries(obj2));
console.log(map); // Map {'foo' => 'bar', 'baz' => 'abc'}
浙公网安备 33010602011771号