JavaScript里不为人知的秘密(01)之常见使用
JavaScript里不为人知的秘密(01)之常见使用
01) hasOwnProperty 判断自身属性是否存在
// hasOwnProperty 判断自身属性是否存在 let test = {author: "dafei", bookName: "史记"}; console.log(test.hasOwnProperty("author"));// true console.log(test.hasOwnProperty("price"));// false
02) px、em、rem区别介绍
如果你不指定一个字体的大小,默认大小和普通文本段落一样,是16像素(1em=16px)
参考地址: px、em、rem区别介绍
03) 获取逗号拼接字符串
let ids = "1,2,3,4,5,6,"; ids.substring(0, ids.length - 1); //去掉末尾逗号, *** 禁止使用substr *** let feiArr = [ {id: 1, name: "daFei"}, {id: 2, name: "foo"}, {id: 3, name: "bar"}, ]; feiArr.map(m => m.id).join(",");// 输出 1,2,3
04) 随机数测试
Math.floor(Math.random()*10000)
Math.floor(Math.random()*10000)
05) 判断一个对象是否是数组
instanceof
let arr = [1, 2, 3]; console.log(arr instanceof Array); // 返回true console.log("eeee" instanceof Array); // 返回false
06) 数组去重ES6
let arr = [1, 2, 3, 1, 2]; let newIds = Array.from(new Set(arr)); console.log(newIds);// 输出 [1, 2, 3]
07) 对象2种取值方式
当对象是一个变量的时候,使用[]会方便很多
let obj = {name: "daFei"}; console.log(obj.name); console.log(obj['name']); // 常使用在.,对象是个变量
08) 获取对象中某个属性的所有值ES6
let obj = [ {name: "daFei", age: "18", hobby: "JavaScript"}, {name: "daFei", age: "18", hobby: "HTML"}, {name: "daFei", age: "18", hobby: "CSS"}, ]; let arr = obj.map(item => item.hobby); console.log(arr); // 输出 ["JavaScript", "HTML", "CSS"]
09) 获取一个对象中的所有属性
Object.keys
let obj = {name: "daFei", age: "18", hobby: "JavaScript"}; let arr = Object.keys(obj); console.log(arr); // 输出 ["name", "age", "hobby"]
10) 判断一个数组或者字符串中存在某个值
indexOf ,不存在则返回-1
// indexOf()方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。 let arr = [1, 2, 3, 4]; let index = arr.indexOf(3); console.log(index);// 返回对应的下标2 // indexOf() 方法返回调用它的 String 对象中第一次出现的指定值的索引。如果未找到该值,则返回 -1。 let str = "fei,da,foo,bar,JavaScript"; let index_str = str.indexOf("foo"); // 返回对应的下标7 console.log(index_str);