常见的JS数组，字符串，对象的使用

常见的JS数组和字符串的使用

1.将数组转成字符串

1.join()
let arr = ['1','23','kk','p']
let str1,str2,str3
// 默认或指定逗号，都是用逗号隔开数组
str1 = arr.join()
str2 = arr.join(',')
// 指定用-隔开数组
str3 = arr.join('-')
console.log(str1,str2,str3)

2.toString()
let arr = ['1','23','kk','p']
let str = arr.toString()
console.log(str)

2.判断变量的数据类型

// 判断是否是数组
function isArray(object){
    return object && typeof object==='object' &&
            Array == object.constructor;
}

// js基本数据类型有8种
// 基本的6种String  Number Undefined Boolean Object Null
// 新加的2种  Symbol---唯一的  bigInt---大整数

1.typeof 判断
var a="string"; console.log(typeof a); //string
var a=1; console.log(typeof a); //number
var a=false; console.log(typeof a); //boolean
var a; console.log(typeof a); //undfined
// string,boolean,number,undefined 都可以用typeof判断出来

var a = null; console.log(typeof a); //object
var a = document; console.log(typeof a); //object
var a = []; console.log(typeof a); //object
// null,对象,数组都是返回object类型

2.instanceof 判断
// 变量 instanceof 类型
var a=[];
console.log(a instanceof Array) //返回true 
// null 和 undefined无法使用这个判断

3.constructor 返回对应的构造函数
```javascript
function employee(name,job,born){
    this.name=name;
    this.job=job;
    this.born=born;
}
var bill=new employee("Bill Gates","Engineer",1985);
console.log(bill.constructor); 
//输出function employee(name, jobtitle, born){this.name = name; this.jobtitle = job; this.born = born;}

var bill=889;
console.log(bill.constructor); 
// 输出 ƒ Number() { [native code] }
console.log(bill.constructor === Number);
// true

3.获取文件后缀名

var fileName = "http://www.111cn.net/sys/nginx/62888.htm";
// 1.
var fileExtension1 = fileName.substring(fileName.lastIndexOf('.') + 1);
// 2.
var fileExtension2 = fileName.split('.').pop().toLowerCase();
// split('.') 将字符串有.的地方分割并返回一个数组
// pop() 方法用于删除并返回数组的最后一个元素

4.文件类型判断

function isAssetTypeAnImage(ele) {
  return ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'].indexOf(ele.toLowerCase()) !== -1;
}
//文件路径
var filePath = "file:///storage/emulated/0/opmark/User/Pic/hangge.png";
//获取最后一个.的位置
var index= filePath.lastIndexOf(".");
//获取后缀
var ext = filePath.substr(index+1);
//判断是否是图片
console.log("该文件是否为图片：" + isAssetTypeAnImage(ext));

5.获取对象中指定第n个的属性值

var a = {
	id: "1111",
	name: "bbbbb"
}
var temp=a[Object.keys(a)[0]]
var temp1=a[Object.keys(a)[1]]
console.log(temp,temp1)
// 结果：1111,bbbbb

6.获取对象的属性名和对应的属性值

let obj = {
	name : "gao",
	age : 26
};
for(var d in obj ) {
	console.log(d,obj[d])
 // d属性名name ,obj[d]属性值
}

7.字符串的方法

1.substring()

8. 对象的深拷贝

// 如果需要拷贝一个对象，并且不会改变原来对象的数值，需要使用深拷贝

// 1.Object.assign(obj1,obj2,obj3...)
// 只能在一层对象时使用
var obj1 = {
    a: "hello",
    // 两层对象Object.assign实现不了深拷贝
    b: {
        a: "hello",
        b: 21
     }
};
var cloneObj1= Object.assign({}, obj1);
cloneObj1.a = "changed";
cloneObj1.b.a = "changed";
console.log(obj1.a);  //hello
console.log(obj.b.a); // "changed"

// 2.JSON.parse(JSON.stringify(obj))
// 只有Number, String, Boolean, Array能使用
```javascript
var obj1 = { body: { a: 10 } };
var obj2 = JSON.parse(JSON.stringify(obj1));
obj2.body.a = 20;
console.log(obj1);
// { body: { a: 10 } } <-- 沒被改到
console.log(obj2);
// { body: { a: 20 } }
console.log(obj1 === obj2);
// false
console.log(obj1.body === obj2.body);
// false

8. 数组扁平化处理

// 将数组扁平化并去重和升序排序
let arr = [
	[1,2,3],
	[5,6,7,8,9],
	[12,[12,13,[11,13]],11],
	10,
	4
]
// 需要输出[1,2,3,4,5,6,7,8,9,10,11,12,13]
// 解决：
// 1.数组扁平化
Array.prototype.flat= function(){
	const result = this.map(item=>{
		if(Array.isArray(item)){
			return item.flat()	
		}
		return [item]
	})
	return [].concat(...result)
}

//或者可以使用ES6新增的功能
arr.flat(Infinity)可以展开任意层级的数组


// 2.数组去重
[... new Set(this)]

// 3.数组排序-正序(a-b),倒序(b-a)
sort(a,b) => a - b;


console.log([...new Set(arr.flat(Infinity))].sort((a,b)=> a-b))