js(3)——数组方法——函数——解构赋值

《JavaScript权威指南》读后笔记2 ———— 表达式与运算符 ———— 2018-04-23

目录

  1. 数组方法
  2. 函数:属性、方法、构造函数
  3. const 、let、var
  4. 解构赋值

1. 数组方法

  • join()
  • reverse()
  • sort()
  • concat()  :a=[‘‘ant‘,‘cat‘];a.concat(4,3);  结果为:[ant,cat,4 ,3]
  • slice(开始位置,结束位置—可选):索引从0开始;返回本身的值。
  • splice()
1 // splice(插入或删除起始位置,删除元素个数—可选)
2 var a=[1,2,3,4,5,6,7,8];
3 a.splice(4); //返回[5,6,7,8],a是[1,2,3,4]
4 a.splice(1,2); //返回[2,3],a是[1,4]
5
6 // splice()前两参数指定需要删除的数组元素,紧随的任意个数参数指定了需要插入到数组的元素
7 var b=[1,2,3,4,5];
8 b.splice(2,0,‘a‘,‘b‘);  // 返回[],b是[1,2,‘a‘,‘b‘,3,4,5]
9 b.splice(2,2,[1,2],3);  //返回[‘a‘,‘b‘],b是[1,2,[1,2],3,3,4,5]
  • push() 、pop()
  • unshift() 、shift()
  • toString() 、toLocaleString()
  • ECMAScript 5中的数组方法

     1 // forEach()、map()、filter()、every()、some()、reduce()、reduceRight()、indexOf()、lastIndexOf()
     2
     3 // forEach()从头至尾遍历数组,为每个元素调用指定函数
     4 // map()将调用的数组的每个元素传递给指定的函数,并返回一个数组,它包含该函数的返回值
     5    a=[1,2,3];
     6    b=a.map(function(x){return x*x;}); //b是[1,4,9]
     7 // filter() 返回的数组元素是调用的数组的一个子集
     8    a=[5,4,3,2,1];
     9    small=a.filter(function(x){return x<3;}); //[2,1]
    10 // every()、some()是数组的逻辑判定:它们对数组元素应用指定的函数进行判定,返回true或false。
    11    a=[1,2,3,4,5];
    12    a.every(function(x){return x<10;}) ;//true:every相当于数学中的“值对所有”
    13    a.some(function(x){return x%2===0;}) //true:some相当于数学中的“存在即可”,这里意思是a中含有偶数值即可
    14 // reduce()、reduceRight()使用指定的函数将数组元素进行组合,生成单个值(reduceRight按索引从高到低处理数组)
    15    var a=[1,2,3,4,5];
    16    var sum=a.reduce(function(x,y){return x+y;},0); //15,数组求和,reduce(执行化简操作的函数,传递给函数的初始值—可选—省略时为数组第一个元素作为初始值)
    17 // indexOf()、lastIndexOf()搜索指定值的索引

2. 函数:属性、方法、构造函数

属性:length、prototype

方法:

  • call()、apply() ,可以将这两个看做是某个对象的方法,通过调用方法的形式来简介调用函数。
  • bind():ECMAScript 5新增
  • toString()

构造函数:Function()

3. 类和模块

4.

  • const 常量:不能重复定义,重复定义的话后面重复的定义地方会报错。由于JS中没有块级作用域,常量会被提前至函数定义的顶部。const是保留字。
  • let,JS 1.7针对JS缺少块级作用域的短板增加的关键字。let不是保留字。使用时需手动加入版本号<script type="application/javascript; version=1.8">
  • 通过let声明的变量只属于就近的花括号括起来的语句块;
  • 通过var声明的变量在函数内都是可用的。

5. 解构赋值

  • 右侧为数组

let [x,y] = [1,2] ;  //等价于let x=1 , y=2 ;

[x,y] = [y,x] ; //交换两个变量的值

  • 右侧为对象

参考文章:

本文为自己知识点搜索整理,若有侵权麻烦留言告知,可删除本文章。谢谢(* ̄︶ ̄)

原文地址:https://www.cnblogs.com/cjuan/p/8920820.html

时间: 2024-10-23 02:32:54

js(3)——数组方法——函数——解构赋值的相关文章

ES6 之 数组的解构赋值

数组的解构赋值 基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定值. let a = 1;let b = 2;let c = 3; ES6允许写成下面这样. let [a, b, c] = [1, 2, 3]; 上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值. 本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值.下面是一些使用嵌套数组进行解构的例子

数组的解构赋值

基本用法 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定值. let a = 1; let b = 2; let c = 3; ES6 允许写成下面这样. let [a, b, c] = [1, 2, 3]; 上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值. 本质上,这种写法属于"模式匹配",只要等号两边的模式相同,左边的变量就会被赋予对应的值.下面是一些使用嵌套数组进行解构的例子

ECMAScript 6 -- 数组的解构赋值

模式匹配:只要等号两边的模式相同,左边的变量就会被赋予对应的值. let [a, b, c] = [1, 2, 3]; 嵌套数组进行解构: let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3 let [ , , third] = ["foo", "bar", "baz"]; third // "baz" let [x, , y] = [1, 2

ES6学习总结之 解构赋值

变量的解构赋值 1.数组解构赋值 1.1 基本用法 ES6允许按照一定模式,提取数组或对象的值,对变量赋值,称之为解构赋值 以往对变量赋值如下: var a=10; var b=20; var c=30; ES6中可写成以下形式: var [a,b,c] = [10,20,30]; 这种写法属于"模式匹配",只要等号两边的模式对应,右边的值便会赋予左边对应的变量. 注意下面的写法: // ... 是扩展运算符,代表剩余所有参数 var [a, ...b] = [1,2,3,4]; a

ES6--变量的声明及解构赋值

ES6的目标是使得JavaScript语言可以用来编写大型的复杂的应用程序,成为企业级开发语言:该标准已于2015年6月17日正式发布.但是真正的普及我认为还得需要一段时间,然而这并不是理由让我们不去了解ES6.更重要的一点是,Google公司的V8引擎已经部署了ES6部分特性,对于NodeJS的开发者来说应该熟练掌握. 在浏览器没有全面支持的情况下,Google公司推出了Traceur转码器(https://github.com/google/traceur-compiler),可将ES6编译

es6学习 -- 解构赋值

ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring). 以前,为变量赋值,只能直接指定值. let a = 1; let b = 2; let c = 3; ES6 允许写成下面这样. let [a, b, c] = [1, 2, 3]; 上面代码表示,可以从数组中提取值,按照对应位置,对变量赋值. 本质上,这种写法属于"模式匹配",只要等号两边的模式相同,左边的变量就会被赋予对应的值.下面是一些使用嵌套数组进行解构的例子. 我认为

解构赋值 —— ES6新语法学习心得

## 3.解构赋值 ## 作用:将数组.对象.函数的参数 解构,对变量进行赋值,可以直接调用该变量,大大提高效率 ## 例 1: ##  标准模式的解构赋值 var [a,b,c]=[1,2,3] console.log(a) //1 console.log(b) //2 console.log(c) //3 ## 例2 : ##  嵌套解构赋值,只要"模式匹配",就能解构赋值,如果没有对应的值,就是undefined let [foo, [[bar], baz]] = [1, [[2

JavaScript学习笔记 -- ES6学习(三) 变量的解构赋值

1.解构赋值的定义 在ES6中,允许按照一定模式,从数组和对象中提取值(所谓解构),然后对变量进行赋值. var a = 1; var b = 2; var c = 3; //等价于 var [a, b, c] = [1, 2, 3]; 如果解构不成功,对应的变量就会赋值undefined. let [x, y, ...z] = ['a']; x // "a" y // undefined z // [] 另一种情况是不完全解构,即等号左边的模式,只匹配一部分的等号右边的数组.这种情况

ES 6 : 变量的解构赋值

1. 数组的解构赋值 [ 基本用法 ] 按照一定的模式从数组或者对象中取值,对变量进行赋值的过程称为解构. 以前,为变量赋值只能直接指定值: 而ES 6 允许写成下面这样: 上面的代码表示,可以从数组中取值,按照位置的对应关系对变量赋值. [ 默认值 ] 解构赋值允许使用默认值. ES6内部使用严格相等运算符(===)判断一个位置是否有值.所以,如果一个数组成员不严格等于undefined,默认值是不会生效的. 上述代码中,一个数组成员是null,因此默认值不生效.因为null不严格等于unde