Как передать параметром ассоциативный массив в функцию

let b1 = document.querySelector('.b-1');
 
b1.addEventListener('click', () => {
    f5();
});
 
let a4 = {                   // сам ассоциативной массив я так понимаю, должен быть во внешней области видимости, чтобы передавать в него значения 
                                    из других функций 
    "one" : "hello",
    "two" : "mahai",
    "five" : "hi"
};
 
function f5() {
     return console.log(a4);
}

let b1 = document.querySelector('.b-1');
 
b1.addEventListener('click', () => {
    f5('six', 7);
});
 
let a4 = {
    "one" : "hello",
    "two" : "mahai",
    "five" : "hi"
};
 
function f5(key, value) {
    a4.key = value;
    return console.log(a4);
}

let box = document.getElementById('box');
 
let a4 = {
    "one" : "hello",
    "two" : "mahai",
    "five" : "hi"
};
 
function f5(arr, elem) {
    let ul = `<ul>`;
    for(let [prop, val] of Object.entries(arr)) {
        ul += `<li>Ключ: "${prop}" | Значение: "${val}"</li>`;
    }
    ul += `</ul>`;
    elem.innerHTML = ul;    
}
 
f5(a4, box);

function f5(key, value) {
    a4.key = value;
    return console.log(a4);
}

function f5(obj, key, value) {
    obj[key] = value;
    console.log(obj);
}
 
f5(a4, 'newProperty', 'newValue');

function f5(obj, key, value) {
    obj[key] = value;
    console.log(obj);
}
 
f5(a4, 'newProperty', 'newValue');

function f5(obj, key, value) {
    obj[key] = value;
    document.body.insertAdjacentHTML('afterBegin', `<div>${Object.entries(obj).join(' | ')}</div>`);
}
 
f5(a4, 'newProperty', 'newValue');

function f5(obj, key, value) {
    obj[key] = value;
    document.body.insertAdjacentHTML('afterBegin', `<div>${JSON.stringify(obj)}</div>`);
}
 
f5(a4, 'newProperty', 'newValue');

JSON.stringify(obj)

Или вот так ... ещё проще
 
function f5(obj, key, value) {
    obj[key] = value;
    document.body.insertAdjacentHTML('afterBegin', `<div>${JSON.stringify(obj)}</div>`);
}
 
f5(a4, 'newProperty', 'newValue');

insertAdjacentHTML

let i1 = document.querySelector('.i-1');
let b1 = document.querySelector('.b-1');
 
b1.addEventListener('click', () => {
    f7(a7);
});
 
let a7 = {'one': 7, 'two': 2, 'three': 0};
 
function f7(obj, key, value) {
    let iValue = +i1.value;
 
    for (const key in obj) {
        if (obj[key] === iValue) {
            out1.innerHTML = 1;
            break;
        }
 
        if (iValue == '') {
            break;
        }     
 
        if ((obj[key] !== iValue) && (iValue !== '')) {
            out1.innerHTML = 0;
        }
    }
}

function f7(obj, key, value) {
    let iValue = i1.value;   // Если тут я удаляю +, то в условиях будет проверятся строковый тип
 
    for (const key in obj) {
        if (obj[key] == iValue) {
            out1.innerHTML = 1;
            break;
        }
 
        if (iValue == '') {
            break;
        }     
 
        if ((obj[key] !== iValue) && (iValue !== '')) {   // вот тут вторым логическим && я  пробовал (iValue != null), тогда все значения из объекта это условие забирает.
            out1.innerHTML = 0;
        }
    }
}

+"" === 0 // true
+"       " === 0 // true

if ( !input.value.trim().length ) // точно ничего нет

if ('0' == false) // true
if ('0' === false) // false

let a17 = {
    'age': [20,30,35,40,5,8,9,15,16]
};
 
let result = '';
function f17(arr) {
    for (const key in arr) {
        if (arr[key] > 30) {        // условие в цикле почему-то не выполняется, если я задам  if (arr[key]), то все числа выводятся.
            result += arr[key] + '';
        }
    }
 
    out1.innerHTML = result;
}

let a17 = {
    'age': [20, 30, 35, 40, 5, 8, 9, 15, 16]
};
 
let result = '';
 
function f17(arr) {
  for (const key in arr) {
    for (let i = 0; i < a17[key].length; i++) {
      if (arr[key][i] > 30) {
        result += arr[key][i] + ',';
      }
    }
  }
  out1.innerHTML = result;
}
f17(a17);