# 常用js整理

**Repository Path**: qingyingying/common-js-collation

## Basic Information

- **Project Name**: 常用js整理
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-01-30
- **Last Updated**: 2021-02-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 常用js整理

## 介绍
本人常用js整理，适用于初学者。

## 内容

### slice() ：提取两个下标之间的数据，不会改变原始数组

```
var fruits = [“Banana”, “Orange”, “Lemon”, “Apple”, “Mango”];
fruits.slice(1,4);  //  [ “Orange”, “Lemon”, “Apple”]
var str="Hello world!";
str.slice(1,5);  //ello
```



### splice() ：用于插入、删除或替换数组的元素，会改变原始数组

```
var fruits = [“Banana”, “Orange”, “Lemon”, “Apple”, “Mango”];
fruits.splice(1, 2, "Peach ");//1：规定从何开始添加/删除；2：删除多少个元素，0表示后面所有； peach：存在即为添加 否则删除
console.log(fruits); // [“Banana”, "Peach ", “Apple”, “Mango”]
```



### split() ：把一个字符串以一定的字符规则分割成字符串数组，不改变原始字符串。
例如以空格分隔，日期拆分年月日以-分割

```
var str=“How are you doing today ?”;
var n=str.split(" ");
console.log(n); // [“How”, “are”, “you”, “doing”, “today”, “?”]

"2:3:4:5".split(":") // [2,3,4,5]
 [2,3,4,5].join(':')//"2:3:4:5"
```




### includes 是否包含，返回boolen型

```
var str = "Hello world"; 
str.includes("world") //true
[1, 2, 3].includes(2); // true
```



### find 寻找，返回第一个符合条件的item

```
[1, 4, -5, 10].find((n) => n < 0) // -5
[1, 5, 10, 15].find(function(value, index, arr) {
  return value > 9;
}) //10 
```
### indexOf() 是否存在返回下标
>0 存在 <0 不存在

### 数组增加删除

```
push() //最后添加
unshift() //前面添加
shift() // 删除第一个
concat(3,4) // 把两个字符串连接起来（元数据不变）
```




### subString()：提取字符串中两个指定索引号之间的字符

```
var time = '2020-11-11 13:03:01'
time.substring(0,10); // 2020-11-11
```


### 循环
#### forEach:不return

```
var array1 = ['a', 'b', 'c'];
array1.forEach(function(element) {
    element +'-1' //[a1,b1,c1]
});
```

#### map:有return

```
var array1 = [1, 4, 9, 16];
const map1 = array1.map(x => x * 2); //对数组的每项*2
console.log(map1);//[2,8,18,32]
```

### filter 过滤

```
var arr = [1,6,8,-2,-5,7,-4]
var positiverArr = arr.filter(function(value){
    return value > 0
})
console.log(positiverArr); // [1, 6, 8, 7]
```


### 数据类型之间的转换

```
typeof //判断数据类型
JSON.stringfy //json转string
JSON.parse //string转json
JSON.parse(JSON.stringfy(data)) //深拷贝
```


### Object
#### Object.assign()

```
var target = { a: 1 };
var source1 = { b: 2 };
var source2 = { c: 3 };
Object.assign(target, source1, source2);// {a:1, b:2, c:3}
```

#### Object.keys()

```
var obj = { foo: 'bar', baz: 42 };
Object.keys(obj) // ["foo", "baz"]
```

#### Object.values()

```
var obj = { foo: 'bar', baz: 42 };
Object.values(obj)// ["bar", 42]
```
### new Set() 去重

```
　let i = new Set([1, 2, 3, 4, 4]);　// {1, 2, 3, 4,}
```