javascript對象數(shù)組操作

以下代碼輸出什么？

var name = 'sex'
var company = {
    name: '飛天虎',
    age: 3,
    sex: '男'
}
console.log(company.name)
  • 飛天虎

以下代碼輸出什么？

var name = 'sex'
var company = {
    name: '飛天虎',
    age: 3,
    sex: '男'
}
console.log(company[name])
  • 男

寫sortString函數(shù)，實現(xiàn)字符串倒序

function sortString(str){
    var str2=''
    for(var i=0;i<str.length;i++){
        str2=str2+str[str.length-i-1]
    }
    return str2;
}

JSON格式的數(shù)據(jù)需要遵循什么規(guī)則？

  1. 復(fù)合類型的值只能是數(shù)組或?qū)ο?，不能是函?shù)、正則表達式對象、日期對象。
  2. 簡單類型的值只有四種：字符串、數(shù)值（必須以十進制表示）、布爾值和null（不能使用NaN, Infinity, -Infinity和undefined）。
  3. 字符串必須使用雙引號表示，不能使用單引號。
  4. 對象的鍵名必須放在雙引號里面。
  5. 數(shù)組或?qū)ο笞詈笠粋€成員的后面，不能加逗號。

遍歷 company 對象，輸出里面每一項的值

 for(var i in company){
   console.log(company[i]);
   }

使用 JSON 對象實現(xiàn)一個簡單的深拷貝函數(shù)(deepCopy)。

  • 原理，先用JSON.stringify(obj)方法將其轉(zhuǎn)化為復(fù)合json格式的字符串，再用parse方法將其轉(zhuǎn)化為對象，這樣便可以實現(xiàn)深拷貝
var obj = {
    name: 'hunger',
    age: 3,
    friends: ['aa', 'bb', 'cc']
}
var obj2 = JSON.parse(JSON.stringify(obj))
obj.age = 4
console.log(obj2.age) //3

分別舉例說明數(shù)組方法push、pop、shift、unshift、join、splice、sort、reverse、concat的作用？

  1. push向數(shù)組最后增加一個或幾個值，返回值為數(shù)組改變后的長度，原數(shù)組改變 
var arr = [3, 4, 5, 6]
arr.push(8)
console.log(arr); //3, 4, 5 ,6 ,8
  1. pop將數(shù)組中最后一個元素剔除，返回值為最后一個值原數(shù)組發(fā)生改變 
var arr = [3, 4, 5, 6]
arr.pop()
console.log(arr); //3, 4, 5
  1. shift移除數(shù)組中第一個元素，返回值為第一個值原數(shù)組改變 
var arr = [3, 4, 5, 6]
arr.shift()
console.log(arr); // 4, 5 ,6
  1. unshift在數(shù)組開頭插入一個或幾個元素，同樣返回值為數(shù)組長度原數(shù)組改變 
var arr = [3, 4, 5, 6]
arr.unshift(2)
console.log(arr); //2 ,3, 4, 5

5.join(char)把數(shù)組元素（對象調(diào)用其toString()方法）使用參數(shù)作為連接符連接成一字符串，不會修改原數(shù)組內(nèi)容

var a = [1,2,3,4,5];
console.log(a.join(',')); //1,2,3,4,5
console.log(a.join(' ')); //1 2 3 4 5
  1. splice(start,end)slice方法用于返回數(shù)組中一個片段或子數(shù)組，如果只寫一個參數(shù)返回參數(shù)到數(shù)組結(jié)束部分，如果參數(shù)出現(xiàn)負數(shù)，則從數(shù)組尾部計數(shù)，如果start大于end返回空數(shù)組，值得注意的一點是slice不會改變原數(shù)組，而是返回一個新的數(shù)組 
var a = [1,2,3,4,5];
console.log(a); //[1, 2, 3, 4, 5]
console.log(a.slice(1,2));//2
console.log(a.slice(1,-1));//[2, 3, 4]
console.log(a.slice(3,2));//[]
console.log(a); //[1, 2, 3, 4, 5]
  1. sortsort方法用于對數(shù)組進行排序，當(dāng)沒有參數(shù)的時候會按字母表升序排序，如果含有undefined會被排到最后面，對象元素則會調(diào)用其toString方法，如果想按照自己定義方式排序，可以傳一個排序方法進去，很典型的策略模式，同樣sort會改變原數(shù)組。 
var a=[5,4,3,2,1]
a.sort()
console.log(a) //[1, 2, 3, 4, 5]
  1. reverse方法用于將數(shù)組逆序，與之前不同的是它會修改原數(shù)組 
var a = [1,2,3,4,5];
var b = [6,7,8,9];
console.log(a.concat(b));//[1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log(a); //[1, 2, 3, 4, 5]
console.log(b); //[6, 7, 8, 9]
  1. concat(array) concat方法用于拼接數(shù)組,a.concat(b)返回一個a和b共同組成的新數(shù)組，同樣不會修改任何一個原始數(shù)組，也不會遞歸連接數(shù)組內(nèi)部數(shù)組 
var a = [1,2,3,4,5];
var b = [6,7,8,9];
console.log(a.concat(b));//[1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log(a); //[1, 2, 3, 4, 5]
console.log(b); //[6, 7, 8, 9]

寫一個函數(shù)，操作數(shù)組，返回一個新數(shù)組，新數(shù)組中只包含正數(shù)。

function filterPositive(arr){

    arr2=[];
    for(var i=0;i<arr.length;i++){
        if (typeof(arr[i])=='number' ){
            if(arr[i]>0){
                arr2.push(arr[i])
            }
        }
    }
    return arr2;
}

用 splice函數(shù)分別實現(xiàn) push、pop、shift、unshift方法。

  1. push方法
function push(arr){
    for(var i=1; i<arguments.length;i++){
        arr.splice(arr.length, 0, arguments[i])
    }
    return arr.length
}
  1. pop方法
function push(arr){
    arr.splice(arr.length, 0)
    return arr[-1]
}
  1. shift方法
function shift(arr){
    arr.splice(0, 0)
    return arr[0]
}
  1. unshift方法
function unshift(arr){
    for(var i=1; i<arguments.length;i++){
        arr.splice(0, 0, arguments[i])
    }
    return arr.length
}

對以下代碼 users中的對象，分別以 name 字段、age 字段、company 字段進行排序

  1. 以name字段排序
var sortByName = users.sort(function(v1, v2){
        return  v1.name > v2.name
    })
console.log(sortByName)
  1. 以age字段排序
var sortByAge = users.sort(function(v1, v2){
        return  v1.age > v2.age
    })
console.log(sortByAge)
  1. 以company字段排序
var sortByCompany = users.sort(function(v1, v2){
        return  v1.company > v2.company
    })
console.log(sortByCompany)

分別舉例說明ES5數(shù)組方法 indexOf、forEach、map、every、some、filter、reduce的用法？

  1. indexOf(element)用于查找數(shù)組內(nèi)指定元素位置，查找到第一個后返回其索引，沒有查找到返回-1 
var a = [1,2,3,3,2,1]
console.log(a.indexOf(2)) //1
console.log(a.lastIndexOf(2)) //4
  1. .forEach(element, index, array)遍歷數(shù)組，參數(shù)為一個回調(diào)函數(shù)，回調(diào)函數(shù)有三個參數(shù)
  • 當(dāng)前元素
  • 當(dāng)前元素索引值
  • 整個數(shù)組
var a = new Array(1,2,3,4,5,6);
a.forEach(function(e,i,array){
    array[i]= e + 1;
});
console.log(a); //[2, 3, 4, 5, 6, 7]
  1. .map(function(element))
  • 與forEach類似，遍歷數(shù)組，回調(diào)函數(shù)返回值組成一個新數(shù)組返回，新數(shù)組索引結(jié)構(gòu)和原數(shù)組一致，原數(shù)組不變
var a = [1, 2, 3, 4, 5, 6]
console.log(a.map(function(e){
  return e * e
}))  // [1, 4, 9, 16, 25, 36]
console.log(a) //[1, 2, 3, 4, 5, 6]
  1. .every(function(element, index, array))
  • every是所有函數(shù)的每個回調(diào)函數(shù)都返回true的時候才會返回true，當(dāng)遇到false的時候終止執(zhí)行，返回false
var a = [1, 2, 3, 4, 5, 6]
console.log(a.every(function(e, i, arr){
return e < 5
}))
  1. .some(function(element, index, array))
  • some函數(shù)是“存在”有一個回調(diào)函數(shù)返回true的時候終止執(zhí)行并返回true，否則返回false
var a = [1, 2, 3, 4, 5, 6]
console.log(a.some(function(e,i,arr){
  return e > 4
}))
  1. .filter(function(element))
  • 返回數(shù)組的一個子集，回調(diào)函數(shù)用于邏輯判斷是否返回，返回true則把當(dāng)前元素加入到返回數(shù)組中，false則不加
    新數(shù)組只包含返回true的值，索引缺失的不包括，原數(shù)組保持不變
var a = [1, 2, 3, 4, 5, 6]
console.log(a.filter(function(e){
  return e % 2 == 0;
})) // [2, 4, 6]
console.log(a) //[1, 2, 3, 4, 5, 6]
  1. .reduce(function(v1, v2), value)
  • 遍歷數(shù)組，調(diào)用回調(diào)函數(shù)，將數(shù)組元素組合成一個值，reduce從索引最小值開始，reduceRight反向，方法有兩個參數(shù)
  • 回調(diào)函數(shù)：把兩個值合為一個，返回結(jié)果
  • value，一個初始值,可選
var a = [1, 2, 3, 4, 5, 6];
var b = a.reduce(function(v1, v2){ return v1 + v2 });  //21
console.log(a) //[1,2,3,4,5,6]
var b = a.reduceRight(function(v1, v2){ return v1 - v2 }, 100);
console.log(b) // 79
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容