首页  思维导图  详情

JS

2019-07-12 19:49:51   1  举报





仅支持查看

AI智能生成

小白的js思维导图

js思维导图

作者其他创作

大纲/内容

查看网站信息：chrome://version/

js中没有方法重载

书写位置

script

文件末尾

head onload

其他数据类型

function

function 方法名（）{}

// 在函数前面，仍然可以调用
mode();

/**
* 函数式声明
*/
function mode() {
console.log("运行mode函数");
}
// 在函数后面，当然可以调用
mode();

var 方法名=function(){}

// 报错：在调用mode2()之前，没有定义
mode2();
/**
* 以函数表达式的形式定义函数
*/
var mode2 = function() {
console.log("运行mode2函数");
}
// 只能放在该函数的后面，才能调用
mode2();

数组

object类型

var arr=[值1,值2,值3]; //隐式创建

var arr1 = [1,3,5,7,9];
document.write(arr1[2] + '<br>');

var arr=new Array(值1,值2,值3); //直接实例化

var arr2 = new Array(2,4,6,8,10);
document.write(arr2[3] + '<br>');

var array=new Array(size); //创建数组并指定长度

var arr3 = new Array(3);//固定数组长度为3
arr3[0] = 1;
arr3[1] = 2;
arr3[2] = 3;
document.write(arr3[2] + '<br>');

常用方法

push

此方法是在数组的后面添加新加元素，此方法改变了数组的长度：

Array.map()

此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组

let arr = [1, 2, 3, 4, 5]
let newArr = arr.map(x => x*2)
//arr= [1, 2, 3, 4, 5] 原数组保持不变
//newArr = [2, 4, 6, 8, 10] 返回新数组

Array.forEach()

此方法是将数组中的每个元素执行传进提供的函数，没有返回值，直接改变原数组，注意和map方法区分

let arr = [1, 2, 3, 4, 5]
num.forEach(x => x*2)
// arr = [2, 4, 6, 8, 10] 数组改变,注意和map区分

Array.filter()

此方法是将所有元素进行判断，将满足条件的元素作为一个新的数组返回

let arr = [1, 2, 3, 4, 5]
const isBigEnough => value => value >= 3
let newArr = arr.filter(isBigEnough )
//newNum = [3, 4, 5] 满足条件的元素返回为一个新的数组

Array.every

方法用于检测数组中的元素是否有满足指定条件的，若满足返回true，否则返回false；

Array.some()

方法用于检测数组中所有元素是否都符合指定条件，若符合返回true，否则返回false；

pop

此方法在数组后面删除最后一个元素，并返回数组，此方法改变了数组的长度：

let arr = [1, 2, 3, 4, 5]
arr.pop()
console.log(arr) //[1, 2, 3, 4]
console.log(arr.length) //4

shift

此方法在数组后面删除第一个元素，并返回数组，此方法改变了数组的长度：

let arr = [1, 2, 3, 4, 5]
arr.shift()
console.log(arr) //[2, 3, 4, 5]
console.log(arr.length) //4

unshift

此方法是将一个或多个元素添加到数组的开头，并返回新数组的长度

let arr = [1, 2, 3, 4, 5]
arr.unshift(6, 7)
console.log(arr) //[6, 7, 2, 3, 4, 5]
console.log(arr.length) //7

Array.isArray()

判断一个对象是不是数组，返回的是布尔值

splice

万能方法，可以实现增删改：

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.splice(2, 0 'haha')
let arr2 = arr.splice(2, 3)
let arr1 = arr.splice(2, 1 'haha')
console.log(arr1) //[1, 2, 'haha', 3, 4, 5]新增一个元素
console.log(arr2) //[1, 2] 删除三个元素
console.log(arr3) //[1, 2, 'haha', 4, 5] 替换一个元素

join

此方法也是将数组转化为字符串：

let arr = [1, 2, 3, 4, 5];
let str1 = arr.toString()
let str2 = arr.toString(',')
let str3 = arr.toString('##')
console.log(str1)// 12345
console.log(str2)// 1,2,3,4,5
console.log(str3)// 1##2##3##4##5

concat

此方法是一个可以将多个数组拼接成一个数组：

let arr1 = [1, 2, 3]
arr2 = [4, 5]
let arr = arr1.concat(arr2)
console.log(arr)//[1, 2, 3, 4, 5]

splice

对象

object

1 function

2 json格式创建一个对象

{属性名：属性值，。。。}

for in

属性名不能重复

案例