1. 以下關於array的方法,哪個屬於es6新增的
箭頭操作符
如果你會C#或者Java,你肯定知道lambda表達式,ES6中新增的箭頭操作符=>便有異曲同工之妙。它簡化了函數的書寫。操作符左邊為輸入的參數,而右邊則是進行的操作以及返回的值Inputs=>outputs。
我們知道在JS中回調是經常的事,而一般回調又以匿名函數的形式出現,每次都需要寫一個function,甚是繁瑣。當引入箭頭操作符後可以方便地寫回調了。請看下面的例子。
var array = [1, 2, 3];
//傳統寫法
array.forEach(function(v, i, a) {
console.log(v);
});
//ES6
array.forEach(v = > console.log(v));
大家可以打開文章開頭提到的traceur在線代碼轉譯頁面輸入代碼來查看效果。
類的支持
ES6中添加了對類的支持,引入了class關鍵字(其實class在JavaScript中一直是保留字,目的就是考慮到可能在以後的新版本中會用到,現在終於派上用場了)。JS本身就是面向對象的,ES6中提供的類實際上只是JS原型模式的包裝。現在提供原生的class支持後,對象的創建,繼承更加直觀了,並且父類方法的調用,實例化,靜態方法和構造函數等概念都更加形象化。
下面代碼展示了類在ES6中的使用。再次啰嗦一句,你可以將代碼貼到traceur自己查看運行結果。
//類的定義
class Animal {
//ES6中新型構造器
constructor(name) {
this.name = name;
}
//實例方法
sayName() {
console.log('My name is '+this.name);
}
}
//類的繼承
class Programmer extends Animal {
constructor(name) {
//直接調用父類構造器進行初始化
super(name);
}
program() {
console.log("I'm coding...");
}
}
//測試我們的類
var animal=new Animal('mmy'),
wayou=new Programmer('wayou');
animal.sayName();//輸出 『My name is mmy』
wayou.sayName();//輸出 『My name is wayou』
wayou.program();//輸出 『I'm coding...』
增強的對象字面量
對象字面量被增強了,寫法更加簡潔與靈活,同時在定義對象的時候能夠做的事情更多了。具體表現在:
可以在對象字面量裡面定義原型
定義方法可以不用function關鍵字
直接調用父類方法
這樣一來,對象字面量與前面提到的類概念更加吻合,在編寫面向對象的JavaScript時更加輕松方便了。
//通過對象字面量創建對象
var human = {
breathe() {
console.log('breathing...');
}
};
var worker = {
__proto__: human, //設置此對象的原型為human,相當於繼承human
company: 'freelancer',
work() {
console.log('working...');
}
};
human.breathe();//輸出 『breathing...』
//調用繼承來的breathe方法
worker.breathe();//輸出 『breathing...』
字元串模板
字元串模板相對簡單易懂些。ES6中允許使用反引號 ` 來創建字元串,此種方法創建的字元串裡面可以包含由美元符號加花括弧包裹的變數${vraible}。如果你使用過像C#等後端強類型語言的話,對此功能應該不會陌生。
//產生一個隨機數
var num=Math.random();
//將這個數字輸出到console
console.log(`your num is ${num}`);
解構
自動解析數組或對象中的值。比如若一個函數要返回多個值,常規的做法是返回一個對象,將每個值做為這個對象的屬性返回。但在ES6中,利用解構這一特性,可以直接返回一個數組,然後數組中的值會自動被解析到對應接收該值的變數中。
var [x,y]=getVal(),//函數返回值的解構
[name,,age]=['wayou','male','secrect'];//數組解構
function getVal() {
return [ 1, 2 ];
}
console.log('x:'+x+', y:'+y);//輸出:x:1, y:2
console.log('name:'+name+', age:'+age);//輸出: name:wayou, age:secrect
參數默認值,不定參數,拓展參數
默認參數值
現在可以在定義函數的時候指定參數的默認值了,而不用像以前那樣通過邏輯或操作符來達到目的了。
function sayHello(name){
//傳統的指定默認參數的方式
var name=name||'de';
console.log('Hello '+name);
}
//運用ES6的默認參數
function sayHello2(name='de'){
console.log(`Hello ${name}`);
}
sayHello();//輸出:Hello de
sayHello('Wayou');//輸出:Hello Wayou
sayHello2();//輸出:Hello de
sayHello2('Wayou');//輸出:Hello Wayou
不定參數
不定參數是在函數中使用命名參數同時接收不定數量的未命名參數。這只是一種語法糖,在以前的JavaScript代碼中我們可以通過arguments變數來達到這一目的。不定參數的格式是三個句點後跟代表所有不定參數的變數名。比如下面這個例子中,…x代表了所有傳入add函數的參數。
//將所有參數相加的函數
function add(...x){
return x.rece((m,n)=>m+n);
}
//傳遞任意個數的參數
console.log(add(1,2,3));//輸出:6
console.log(add(1,2,3,4,5));//輸出:15
拓展參數
拓展參數則是另一種形式的語法糖,它允許傳遞數組或者類數組直接做為函數的參數而不用通過apply。
var people=['Wayou','John','Sherlock'];
//sayHello函數本來接收三個單獨的參數人妖,人二和人三
function sayHello(people1,people2,people3){
console.log(`Hello ${people1},${people2},${people3}`);
}
//但是我們將一個數組以拓展參數的形式傳遞,它能很好地映射到每個單獨的參數
sayHello(...people);//輸出:Hello Wayou,John,Sherlock
//而在以前,如果需要傳遞數組當參數,我們需要使用函數的apply方法
sayHello.apply(null,people);//輸出:Hello Wayou,John,Sherlock
let與const 關鍵字
可以把let看成var,只是它定義的變數被限定在了特定范圍內才能使用,而離開這個范圍則無效。const則很直觀,用來定義常量,即無法被更改值的變數。
for (let i=0;i<2;i++)console.log(i);//輸出: 0,1
console.log(i);//輸出:undefined,嚴格模式下會報錯
for of 值遍歷
我們都知道for in 循環用於遍歷數組,類數組或對象,ES6中新引入的for of循環功能相似,不同的是每次循環它提供的不是序號而是值。
var someArray = [ "a", "b", "c" ];
for (v of someArray) {
console.log(v);//輸出 a,b,c
}
注意,此功能google traceur並未實現,所以無法模擬調試,下面有些功能也是如此
iterator, generator
這一部分的內容有點生澀,詳情可以參見這里。以下是些基本概念。
iterator:它是這么一個對象,擁有一個next方法,這個方法返回一個對象{done,value},這個對象包含兩個屬性,一個布爾類型的done和包含任意值的value
iterable: 這是這么一個對象,擁有一個obj[@@iterator]方法,這個方法返回一個iterator
generator: 它是一種特殊的iterator。反的next方法可以接收一個參數並且返回值取決與它的構造函數(generator function)。generator同時擁有一個throw方法
generator 函數: 即generator的構造函數。此函數內可以使用yield關鍵字。在yield出現的地方可以通過generator的next或throw方法向外界傳遞值。generator 函數是通過function*來聲明的
yield 關鍵字:它可以暫停函數的執行,隨後可以再進進入函數繼續執行
模塊
在ES6標准中,JavaScript原生支持mole了。這種將JS代碼分割成不同功能的小塊進行模塊化的概念是在一些三方規范中流行起來的,比如CommonJS和AMD模式。
將不同功能的代碼分別寫在不同文件中,各模塊只需導出公共介面部分,然後通過模塊的導入的方式可以在其他地方使用。下面的例子來自tutsplus:
// point.js
mole "point" {
export class Point {
constructor (x, y) {
public x = x;
public y = y;
}
}
}
// myapp.js
//聲明引用的模塊
mole point from "/point.js";
//這里可以看出,盡管聲明了引用的模塊,還是可以通過指定需要的部分進行導入
import Point from "point";
var origin = new Point(0, 0);
console.log(origin);
Map,Set 和 WeakMap,WeakSet
這些是新加的集合類型,提供了更加方便的獲取屬性值的方法,不用像以前一樣用hasOwnProperty來檢查某個屬性是屬於原型鏈上的呢還是當前對象的。同時,在進行屬性值添加與獲取時有專門的get,set 方法。
下方代碼來自es6feature
// Sets
var s = new Set();
s.add("hello").add("goodbye").add("hello");
s.size === 2;
s.has("hello") === true;
// Maps
var m = new Map();
m.set("hello", 42);
m.set(s, 34);
m.get(s) == 34;
有時候我們會把對象作為一個對象的鍵用來存放屬性值,普通集合類型比如簡單對象會阻止垃圾回收器對這些作為屬性鍵存在的對象的回收,有造成內存泄漏的危險。而WeakMap,WeakSet則更加安全些,這些作為屬性鍵的對象如果沒有別的變數在引用它們,則會被回收釋放掉,具體還看下面的例子。
正文代碼來自es6feature
// Weak Maps
var wm = new WeakMap();
wm.set(s, { extra: 42 });
wm.size === undefined
// Weak Sets
var ws = new WeakSet();
ws.add({ data: 42 });//因為添加到ws的這個臨時對象沒有其他變數引用它,所以ws不會保存它的值,也就是說這次添加其實沒有意思
Proxies
Proxy可以監聽對象身上發生了什麼事情,並在這些事情發生後執行一些相應的操作。一下子讓我們對一個對象有了很強的追蹤能力,同時在數據綁定方面也很有用處。
以下例子借用自這里。
//定義被偵聽的目標對象
var engineer = { name: 'Joe Sixpack', salary: 50 };
//定義處理程序
var interceptor = {
set: function (receiver, property, value) {
console.log(property, 'is changed to', value);
receiver[property] = value;
}
};
//創建代理以進行偵聽
engineer = Proxy(engineer, interceptor);
//做一些改動來觸發代理
engineer.salary = 60;//控制台輸出:salary is changed to 60
上面代碼我已加了注釋,這里進一步解釋。對於處理程序,是在被偵聽的對象身上發生了相應事件之後,處理程序裡面的方法就會被調用,上面例子中我們設置了set的處理函數,表明,如果我們偵聽的對象的屬性被更改,也就是被set了,那這個處理程序就會被調用,同時通過參數能夠得知是哪個屬性被更改,更改為了什麼值。
Symbols
我們知道對象其實是鍵值對的集合,而鍵通常來說是字元串。而現在除了字元串外,我們還可以用symbol這種值來做為對象的鍵。Symbol是一種基本類型,像數字,字元串還有布爾一樣,它不是一個對象。Symbol 通過調用symbol函數產生,它接收一個可選的名字參數,該函數返回的symbol是唯一的。之後就可以用這個返回值做為對象的鍵了。Symbol還可以用來創建私有屬性,外部無法直接訪問由symbol做為鍵的屬性值。
以下例子來自es6features
(function() {
// 創建symbol
var key = Symbol("key");
function MyClass(privateData) {
this[key] = privateData;
}
MyClass.prototype = {
doStuff: function() {
... this[key] ...
}
};
})();
var c = new MyClass("hello")
c["key"] === undefined//無法訪問該屬性,因為是私有的
Math,Number,String,Object 的新API
對Math,Number,String還有Object等添加了許多新的API。下面代碼同樣來自es6features,對這些新API進行了簡單展示。
Number.EPSILON
Number.isInteger(Infinity) // false
Number.isNaN("NaN") // false
Math.acosh(3) // 1.762747174039086
Math.hypot(3, 4) // 5
Math.imul(Math.pow(2, 32) - 1, Math.pow(2, 32) - 2) // 2
"abcde".contains("cd") // true
"abc".repeat(3) // "abcabcabc"
Array.from(document.querySelectorAll('*')) // Returns a real Array
Array.of(1, 2, 3) // Similar to new Array(...), but without special one-arg behavior
[0, 0, 0].fill(7, 1) // [0,7,7]
[1,2,3].findIndex(x => x == 2) // 1
["a", "b", "c"].entries() // iterator [0, "a"], [1,"b"], [2,"c"]
["a", "b", "c"].keys() // iterator 0, 1, 2
["a", "b", "c"].values() // iterator "a", "b", "c"
Object.assign(Point, { origin: new Point(0,0) })
Promises
Promises是處理非同步操作的一種模式,之前在很多三方庫中有實現,比如jQuery的deferred 對象。當你發起一個非同步請求,並綁定了.when(),.done()等事件處理程序時,其實就是在應用promise模式。
//創建promise
var promise = new Promise(function(resolve, reject) {
// 進行一些非同步或耗時操作
if ( /*如果成功 */ ) {
resolve("Stuff worked!");
} else {
reject(Error("It broke"));
}
});
//綁定處理程序
promise.then(function(result) {
//promise成功的話會執行這里
console.log(result); // "Stuff worked!"
}, function(err) {
//promise失敗會執行這里
console.log(err); // Error: "It broke"
});
總結
總結就是一句話,前後端差異越來越小了。
2. ES6中有哪些新特性
1.新增了塊級作用域(let,const)
2.提供了定義類的語法糖(class)
3.新增了一種基本數據類型(Symbol)
4.新增了變數的解構賦值
5.函數參數允許設置默認值,引入了rest參數,新增了箭頭函數。
6.數組新增了一些API,如isArray / from / of 方法;數組實例新增了 entries(),keys() 和 values() 等方法。
7.對象和數組新增了擴展運算符
8.ES6新增了模塊化(import / export)
9.ES6新增了Set和Map數據結構。
10.ES6原生提供Proxy構造函數,用來生成Proxy實例
11.ES6新增了生成器(Generator)和遍歷器(Iterator)
注意: Set 和 Map是新增的數據結構。 而Symbol是基本數據類型。
3. 數組方法里push,pop,shift,unshift,join,splice分別是什麼作用
數組操作函數有:push,pop,join,shift,unshift,slice,splice,concat
(1)push 和 pop
這兩個函數都是對數組從尾部進行壓入或彈出操作。push(arg1,arg2,...)可以每次壓入一個或多個元素,並返回更新後的數組長度。注意如果參數也是數組的話,則是將全部數組當做一個元素壓入到原本的數組裡面去。pop() 函數則每次只會彈出結尾的元素,並返回彈出的元素,若是是對空組數調用 pop() 則返回undefined。
示例:
var oldArr=[1,2,3];
alert(oldArr.push(4,[5,6]))//這里只會將[5,6]當做一個元素來策畫,返回更新後的數組長度5
此時 oldArr = [1,2,3,4,[5,6]]
oldArr.pop()//這里彈出最後一個元素[5,6],而不是6
此時 oldArr = [1,2,3,4]
oldArr.pop()-->4
oldArr.pop()-->3
oldArr.pop()-->2
oldArr.pop()-->1
alert(oldArr.pop())-->undefined(空數組彈出)
(2)unshift 和 shift
unshift() 方法可向數組的開頭添加一個或更多元素,並返回新的長度。unshift() 方法將把它的參數插入 arrayObject 的頭部,並將已經存在的元素順次地移到較高的下標處,以便留出空間。該方法的第一個參數將成為數組的新元素 0,如果還有第二個參數,它將成為新的元素 1,以此類推。
請注意,unshift() 方法不創建新的創建,而是直接修改原有的數組。另外在 Internet Explorer 瀏覽器中 unshift() 無法執行!
4. es5新增了哪些數組方法
forEach(js1.6)
var arr = [1,2,3,4];
arr.forEach(alert);12
等同於
for(var i=0;i<arr.length;i++){
alert(arr[i]);
}123
Array在ES5新增的方法中,參數都是function類型,默認有傳參
var arr = [1,2,3,4];
arr.forEach(console.log);12
5. ES6數組的新增功能,還是很強大的好多地方用的到
作為辦公室中的一員,你是否因為龐雜的數據而一時難以找到自己想要的信息而煩惱呢?這可真是一件令人煩惱的事情呀,遇到這種情況該怎麼辦?怎樣才能從萬千數據中找到你想要的數據?下面就來簡單講一下方法吧,希望能幫助你哦!
材料/工具
電腦/Excel
方法
1
首先在電腦上打開你想要查找數據的工作文檔。
8
然後在查找內容欄輸入」新知「,然後點擊」查找全部「
6. C#數組如何添加元素
1、使用 ArrayList 來定義數組,Arraylist 有add、Insert方法,可以自由向數組中添加新數據。
7. 數組定義方式
數組的4種定義方式:
1.先聲明再初始化
例如:
//1.聲明
int[] nums;
//初始化
nums = new int[5];
2.聲明並初始化
例如:
//2.聲明、初始化
int[] nums = new int[10];
3.創建數組同時賦值
例如:
//3.創建數組同時賦值
String[] names=new String[]{"大名","小米","夏雨荷"};
int[] ages=new int[]{21,22,21,56,13};
for (int i = 0;i < names.length;i++){
System.out.prinrln(names[i]);
}
for (int i = 0;i < ages.length;i++){
System.out.prinrln(ages[i]);
}
4.創建同時賦值,簡寫,不能寫成兩條語句
例如:
//4.創建同時賦值,簡寫,不能寫成兩條語句
String[] cities = {"上海","北京"};
(7)數組新增了哪些方法擴展閱讀:
數組(Array)是有序的元素序列。若將有限個類型相同的變數的集合命名,那麼這個名稱為數組名。組成數組的各個變數稱為數組的分量,也稱為數組的元素,有時也稱為下標變數。用於區分數組的各個元素的數字編號稱為下標。數組是在程序設計中,為了處理方便, 把具有相同類型的若干元素按有序的形式組織起來的一種形式。 這些有序排列的同類數據元素的集合稱為數組。
數組是用於儲存多個相同類型數據的集合。
在C語言中, 數組屬於構造數據類型。一個數組可以分解為多個數組元素,這些數組元素可以是基本數據類型或是構造類型。因此按數組元素的類型不同,數組又可分為數值數組、字元數組、指針數組、結構數組等各種類別。
8. 數組遍歷常見的方法有
數組遍歷常見的方法有:
一、forEach方法
forEach是最簡單、最常用的數組遍歷方法,它提供一個回調函數,可用於處理數組的每一個元素,默認沒有返回值。
二、map方法
map,從字面上理解,是映射,即數組元素的映射。它提供一個回調函數,參數依次為處於當前循環的元素、該元素下標、數組本身,三者均可選。默認返回一個數組,這個新數組的每一個元素都是原數組元素執行了回調函數之後的返回值。
map方法不改變原數組。
三、filter方法
filter,過濾,即對數組元素的一個條件篩選。它提供一個回調函數,參數依次為處於當前循環的元素、該元素下標、數組本身,三者均可選。默認返回一個數組,原數組的元素執行了回調函數之後返回值若為true,則會將這個元素放入返回的數組中。
filter方法不改變原數組。
四、some、every方法
some方法和every的用法非常類似,提供一個回調函數,參數依次為處於當前循環的元素、該元素下標、數組本身,三者均可選。
數組的每一個元素都會執行回調函數,當返回值全部為true時,every方法會返回true,只要有一個為false,every方法返回false。當有一個為true時,some方法返回true,當全部為false時,every方法返回false。
some、every方法不改變原數組。
五、rece方法
rece方法有兩個參數,第一個參數是一個回調函數(必須),第二個參數是初始值(可選)。回調函數有四個參數,依次為本輪循環的累計值、當前循環的元素(必須),該元素的下標(可選),數組本身(可選)。
rece方法,會讓數組的每一個元素都執行一次回調函數,並將上一次循環時回調函數的返回值作為下一次循環的初始值,最後將這個結果返回。
如果沒有初始值,則rece會將數組的第一個元素作為循環開始的初始值,第二個元素開始執行回調函數。
最常用、最簡單的場景,是數組元素的累加、累乘。
rece方法不改變原數組。
六、for of方法
es6新增了interator介面的概念,目的是對於所有數據結構提供一種統一的訪問機制,這種訪問機制就是for of。
即:所有有interator介面的數據,都能用for of遍歷。常見的包括數組、類數組、Set、Map等都有interator介面。
(8)數組新增了哪些方法擴展閱讀:
數組(Array)是有序的元素序列。若將有限個類型相同的變數的集合命名,那麼這個名稱為數組名。組成數組的各個變數稱為數組的分量,也稱為數組的元素,有時也稱為下標變數。用於區分數組的各個元素的數字編號稱為下標。數組是在程序設計中,為了處理方便, 把具有相同類型的若干元素按有序的形式組織起來的一種形式。 這些有序排列的同類數據元素的集合稱為數組。
數組是用於儲存多個相同類型數據的集合。
在C語言中, 數組屬於構造數據類型。一個數組可以分解為多個數組元素,這些數組元素可以是基本數據類型或是構造類型。因此按數組元素的類型不同,數組又可分為數值數組、字元數組、指針數組、結構數組等各種類別。
9. c語言中數組動態增長有哪些方法
可以,但不能是靜態數組如int a[50];左邊分配在堆棧上,(分配在堆棧上的變數)不能在編譯時不知道分多少空間,並且分了多少空間就是多少。
如果想讓數組大小動態分配,可以使用下面做法,記得用完要free:
int*a=(int*)malloc(n*sizeof(int));//n是數組的大小。
或者這樣calloc函數的一個好處就是分配完內存區域後會自動把該區域清零,所以特別適合數組:
int*a=(int*)calloc(n,sizeof(int));//n是數組的大小。
延長數組大小的話這樣做:
a=(int*)realloc(a,m*sizeof(int));//m新數組的大小。並且,原來malloc或者calloc的內存區域會自動被free掉,不用你操心。