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区别介绍

px_em单位换算

px_em单位换算2

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

警告： 尽管 String.prototype.substr(…) 没有严格被废弃 (as in "removed from the Web standards"), 但它被认作是遗留的函数并且可以的话应该避免使用。它并非JavaScript核心语言的一部分，未来将可能会被移除掉。如果可以的话，使用 substring() 替代它. 警告: String.prototype.substr()

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);

数组中属性  和  字符串中属性

JavaScript里不为人知的秘密(02)之常见使用

JavaScript里不为人知的秘密(03)之常见使用