最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

簡單了解vue.js數(shù)組的常用操作

 更新時(shí)間:2019年06月17日 11:52:21   作者:jianshuqiang  
這篇文章主要介紹了簡單了解vue.js數(shù)組的常用操作,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,,需要的朋友可以參考下

數(shù)組的相關(guān)方法如下

1,鎖定數(shù)組的長度(只讀模式)[ Array.join() ]

var a = [1,2,3] //定義一個(gè)數(shù)組<br>
Object.defineProperty(a,"length",{
writable:false
}) //將a數(shù)組的長度屬性設(shè)為只讀<br>
a.length = 0 //將a的長度改為0<br>
console.log(a.length); //打印a數(shù)組的長度,還是3

2、將數(shù)組合并成字符串(返回字符串)[ Array.join() ]

var a = [1,2,3];
var b = a.join("");
console.log(a); //[1, 2, 3],原數(shù)組不改變
console.log(b); //"123",變成字符串

3、返回逆序數(shù)組(倒敘排列數(shù)組)[ Array..reverse() ]

var a = [1,2,3];
a.reverse();
console.log(a); //直接改變a數(shù)組的值 返回的是[3,2,1]

4、Array.sort()方法,返回排序后的數(shù)組。如果數(shù)組包含undefined,會被排到數(shù)組的尾部。如果不帶參數(shù)的調(diào)用sort(),數(shù)組元素以字母表順序排序。

從大到小排列
var a = [2,33,1111,444]; 
a.sort() 
console.log(a); //返回的結(jié)果是[1111, 2, 33, 444]
從小到大排列
var a = [2,33,1111,444]; 
a.sort(function (a,b) {
return a-b
}) 
console.log(a); //[2, 33, 444, 1111]

5、Array.concat(),創(chuàng)建并返回一個(gè)新數(shù)組

var a = [1,2,3]; 
var b = a.concat(4,5); 
var c = a.concat([4,5]); 
console.log(a); //返回的還是[1,2,3]
console.log(b); //返回[1,2,3,4,5] 
console.log(c); //返回[1,2,3,4,5]
// 復(fù)制數(shù)組
var a = [1,2,3]; 
var b = a.concat(); 
console.log(a); //返回[1,2,3] 
console.log(b); //返回[1,2,3]

6、Array.slice()方法,返回指定數(shù)組的片段或者子數(shù)組。不會改變原數(shù)組

var a = [1,2,3,4,5];<br>
a.slice(0,3); //返回[1,2,3] 第一個(gè)參數(shù)是截取開始的位置(包括),第二個(gè)參數(shù)是截取結(jié)束的位置(不包括) 
a.slice(3); //返回[4,5] 
a.slice(1,-1); //返回[2,3,4] 負(fù)數(shù)表示倒數(shù) 
console.log(a); //返回[1,2,3,4,5]

7、Array.splice()方法,用來刪除或插入元素,會修改原數(shù)組!

數(shù)組的起始位置為0
var a = [1,2,3,4,5,6,7,8]; 
var b = a.splice(1,2); //第一個(gè)參數(shù)是截取的起始位置(包括),第二個(gè)參數(shù)是截取的個(gè)數(shù),之后的參數(shù)就是添加在元數(shù)組的新值 
console.log(a); //返回[1, 4, 5, 6, 7, 8] 
console.log(b); //返回[2, 3]

可以用來解決在數(shù)組起始部位加入數(shù)據(jù)

this.noticeMessageList.splice(0, 0, { fromUser: 'zhangq1',
noticeMessage: '此處添加message'})

8、push()方法與pop()方法

push()方法在數(shù)組的尾部添加一個(gè)或者多個(gè)元素,并返回?cái)?shù)組的新長度。注意的是,改變的是原數(shù)組的值,返回的是新數(shù)組的長度。

pop()方法刪除數(shù)組的最后一個(gè)元素,并返回它的刪除值。也是改變原數(shù)組,返回的是刪除的值。

9、unshift()方法與shift()方法

unshift()方法類似于push()不同的是,他是在數(shù)組頭部添加,其他都一樣

shift()方法則類比pop()方法。

10、toString()和toLocaleString()

toString()方法將每個(gè)元素轉(zhuǎn)化為字符串,類似于不傳參的join()方法。

toLocaleString()方法是toString()的本地化版本。

11、forEach()方法,從頭至尾遍歷數(shù)組,為每個(gè)元素調(diào)用指定的函數(shù)。

var a = [1,2,3,4,5]; 
var sum = 0; 
a.forEach(function (value) {
sum += value
}) 
console.log(sum); //sum = 15

12、map()方法

和forEach()類似,調(diào)用數(shù)組的每個(gè)元素傳遞給指定函數(shù),并返回一個(gè)數(shù)組,所以它和forEach()的區(qū)別在于,有一個(gè)返回值。不修改原數(shù)組,返回的數(shù)組長度和原數(shù)組相同

var a = [1,2,3,4,5]; 
var b = a.map(function (value) {
return value+1
}) 
console.log(b); //返回[2,3,4,5,6]

13、filter()方法,返回的是調(diào)用數(shù)組的一個(gè)子集

var a = [1,2,3,4,5]; 
var b = a.filter(function (value) {
return value > 3
}) 
console.log(b); //返回[4,5]
注意:如果使用map()方法,返回的是[false, false, false, true, true]

filter()會跳過稀疏數(shù)組中缺少的元素,他的返回?cái)?shù)組總是稠密的。所以可以用一下方法來壓縮稀疏數(shù)組的空缺。

var a = [1,2,,,5]; 
var b = a.filter(function (value) {
return true
}) 
console.log(b); //返回[1,2,5]

14、every()和some()

every()方法是只有數(shù)組中所以元素都滿足某個(gè)條件才會返回true;some()方法是只要有滿足條件的值,就返回true。
以every()方法為例

var a = [1,2,3,4,5];
a.every(function (value) {
return value < 10
}) //true 
a.every(function (value) {
return value % 2 === 0
}) //false

15、indexOf()和lastIndexOf()

這兩個(gè)方法都是用來搜索整個(gè)數(shù)組中具有給定值的元素,返回找到的第一個(gè)元素的索引,如果沒找到,則返回-1。

區(qū)別在于indexOf()從頭至尾搜索,而后者則是反向搜索。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 簡單的vue-resourse獲取json并應(yīng)用到模板示例

    簡單的vue-resourse獲取json并應(yīng)用到模板示例

    本篇文章主要介紹了簡單的vue-resourse獲取json并應(yīng)用到模板示例,非常具有實(shí)用價(jià)值,需要的朋友可以參考下。
    2017-02-02
  • 淺談一下Vue生命周期中mounted和created的區(qū)別

    淺談一下Vue生命周期中mounted和created的區(qū)別

    每一個(gè)vue實(shí)例從創(chuàng)建到銷毀的過程,就是這個(gè)vue實(shí)例的生命周期,在這個(gè)過程中,他經(jīng)歷了從開始創(chuàng)建、初始化數(shù)據(jù)、編譯模板、掛載Dom、渲染→更新→渲染、卸載等一系列過程,那么這些過程中,具體vue做了些啥,我們今天來了解一下
    2023-05-05
  • vue-cli項(xiàng)目中img如何使用require動態(tài)獲取圖片

    vue-cli項(xiàng)目中img如何使用require動態(tài)獲取圖片

    這篇文章主要介紹了vue-cli項(xiàng)目中img如何使用require動態(tài)獲取圖片,具有很好的參考價(jià)值,希望對大家有所幫助。
    2022-09-09
  • Vue build過程取消console debugger控制臺信息輸出方法詳解

    Vue build過程取消console debugger控制臺信息輸出方法詳解

    這篇文章主要為大家介紹了Vue build過程取消console debugger控制臺信息輸出方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-09-09
  • Vue.js 中的 v-show 指令及用法詳解

    Vue.js 中的 v-show 指令及用法詳解

    v-show 指令通過改變元素的 css 屬性(display)來決定元素是顯示還是隱藏。這篇文章主要介紹了Vue.js 中的 v-show 指令及用法詳解,需要的朋友可以參考下
    2018-11-11
  • 圖文詳解Element-UI中自定義修改el-table樣式

    圖文詳解Element-UI中自定義修改el-table樣式

    elementUI提供的組件間距、樣式都比較大,如果直接套用,在頁面顯示可能就會顯得很大,就比如表格,表頭、行寬如果不修改的話,遇到列較多的時(shí)候,會顯得整個(gè)頁面就不好看,下面這篇文章主要給大家介紹了關(guān)于Element-UI中自定義修改el-table樣式的相關(guān)資料,需要的朋友可以參考下
    2022-08-08
  • Vue頁面加載完成后如何自動加載自定義函數(shù)

    Vue頁面加載完成后如何自動加載自定義函數(shù)

    這篇文章主要介紹了Vue頁面加載完成后如何自動加載自定義函數(shù),具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-07-07
  • Vue結(jié)合后臺導(dǎo)入導(dǎo)出Excel問題詳解

    Vue結(jié)合后臺導(dǎo)入導(dǎo)出Excel問題詳解

    這篇文章主要介紹了Vue結(jié)合后臺導(dǎo)入導(dǎo)出Excel問題詳解,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2019-02-02
  • Vue指令之v-for的使用說明

    Vue指令之v-for的使用說明

    這篇文章主要介紹了Vue指令之v-for的使用說明,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vue 的keep-alive緩存功能的實(shí)現(xiàn)

    vue 的keep-alive緩存功能的實(shí)現(xiàn)

    本篇文章主要介紹了vue 的keep-alive緩存功能的實(shí)現(xiàn),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-03-03

最新評論

马尔康县| 井陉县| 和静县| 安远县| 正蓝旗| 潜江市| 乐业县| 内江市| 丰顺县| 博爱县| 阿巴嘎旗| 左权县| 蒙山县| 芦山县| 桦南县| 沾化县| 星座| 弥渡县| 五大连池市| 建宁县| 抚松县| 大港区| 蓝田县| 阿克苏市| 木兰县| 南城县| 沁阳市| 驻马店市| 齐齐哈尔市| 鹤山市| 固阳县| 许昌市| 晋州市| 工布江达县| 亚东县| 剑阁县| 柘城县| 吉隆县| 丹凤县| 郸城县| 宁陵县|