首页  思维导图  详情

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] + ' ');

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

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

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

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

常用方法

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

属性名不能重复

案例