MarginLon MarginLon
首页
  • Web

    • Web基础
    • Web布局
    • CodeSnippet
  • Vue

    • Vue
  • React

    • React
  • Node.js

    • Node.js
  • 技术文档
  • UI组件库
  • 动画库
  • 图形库
  • 桌面端
  • 学习笔记
  • 生活笔记
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

MarginLon

http://info.cern.ch
首页
  • Web

    • Web基础
    • Web布局
    • CodeSnippet
  • Vue

    • Vue
  • React

    • React
  • Node.js

    • Node.js
  • 技术文档
  • UI组件库
  • 动画库
  • 图形库
  • 桌面端
  • 学习笔记
  • 生活笔记
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 数据类型 类型检测 类型转换
  • 精度问题
  • 堆栈内存 函数底层运行机制 块级作用域
  • GC机制 闭包作用域 let/const/var
  • 闭包应用
  • DOM
  • BOM
  • This指向
  • 浏览器渲染机制 CRP优化 事件循环机制
  • 函数防抖节流
  • 模块化 柯里化
  • 构造函数 原型
  • CLASS
  • 工厂设计模式 深浅拷贝 深浅合并
  • Iterator/Generator
  • Promise/ Async/ Await
  • HTTP/跨域
  • API
    • 1. {String}
    • 2. {Number}
    • 3. {Array}
  • AJAX
  • 事件
  • 《JavaScript高级程序设计(第4版)》
MarginLon
2022-05-14
目录

API

  • 1. {String}
  • 2. {Number}
  • 3. {Array}

# 1. {String}

  • 字符串的方法不会改变原串,会返回一个新值
//查找
// indexOf()/lastIndexOf():
@params:(str,startIndex);
@return:index|-1;

// search():
@params:(Reg|str);
@return:index|-1;

// includes():
@params:(str,[position|0]);
@return:Boolean;

//startsWith()/endsWith():
@params:(str,[position|0]);
@return:Boolean;

//获取字符
// charAt(): = str[index]
@params:(index);
@return:str|'';

// charCodeAt():
@params:(index);
@return:str|'';

// 截取
// slice():
@params:(startIndex,endIndex);
@return:str;
@notes:包左不包右,负值表示倒数

// substring():
@params:(startIndex,endIndex);
@return:str;
@notes:包左不包右,右>左则交换,不接受负值

// substr():
@params:(startIndex,length);
@return:str;

// 其他:
// fromCharCode():
@params:(Unicode);
@return:str;

// concat():
@params:(str);
@return:str+str;

// split():
@params:(str| );
@return:Array;

// replace():
@params:(str1,str2);
@return:str;

// repeat():
@params:(num);
@return:str;

// trim(): 去除空白
// toLowerCase()
// toUpperCase()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

# 2. {Number}

// isInteger():
@params:(number);
@return:Boolean;

// toFixed():
@params:(number);
@return:

// Math 工具类
PI
abs()
random()
floor()
ceil()
round()
max()
min()
pow()
sqrt()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

# 3. {Array}

Array.isArray();
toString();
Array.from(arrayLike);
Array.of(val1,val2,val3);

// push():向数组最后插入N个元素
@params:(items)
@return:new length;
// pop():删除数组的最后一个元素 
@params:()
@return:delete item;

// unshift():向数组最前插入N个元素
@params:(items)
@return:new length;
// shift():删除数组中的第一个元素
@params:()
@return:delete item;

// slice():从数组中提取指定的一个或者多个元素
@params:(startIndex,endIndex)
@return:new Array;
@notes: arrayLike => Array
// 方式1
array = Array.prototype.slice.call(arrayLike);
// 方式2
array = [].slice.call(arrayLike);
// splice():从数组中删除指定的一个或多个元素,
@params:(startIndex,num,[item1,item2...])
@return:delete item;

// fill():
@params:(content,startIndex,endIndex)
@return:new Array;

// concat():
@params:(Array1,Array2...)
@return:new Array;
// join():
@params:(params)
@return:str;
// split():
// reverse():

// sort():
// 浏览器根据回调函数的返回值来决定元素的排序:(重要)

// 如果返回一个大于 0 的值,则元素会交换位置

// 如果返回一个小于 0 的值,则元素位置不变

// 如果返回一个等于 0 的值,则认为两个元素相等,则不交换位置
arr.sort((a, b) => a - b);

// indexOf/lastIndexOf/includes

// find():找出第一个满足「指定条件返回 true」的元素;如果没找到,则返回 undefined。
find((item, index, arr) => {
    return true;
});
// findIndex():找出第一个满足「指定条件返回 true」的元素的 index。

// every()/some()

// 遍历
// for
// forEach 用arr和index修改引用类型以修改原数组
// map map方法如果是修改整个item的值,则不会改变原数组。但如果是修改 item 里面的某个属性,那就会改变原数组。
// filter() 
// reduce(function (previous,current,currentIndex,arr){},initial)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
编辑 (opens new window)
上次更新: 2023/04/01, 15:26:22
HTTP/跨域
AJAX

← HTTP/跨域 AJAX→

最近更新
01
KnockoutJS
11-12
02
综述
10-17
03
前言
10-12
更多文章>
Theme by Vdoing | Copyright © 2019-2024 MarginLon | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式